In [1]:
import math
import pprint
import yaml
from IPython.core.display import display, HTML, Javascript
from jinja2 import Template

In [2]:
with open('colours.yaml') as fobj:
    palette = yaml.load(fobj)

pprint.pprint(palette)


{'big-stone': (20, 43, 68),
 'brink-pink': (255, 112, 142),
 'buccaneer': (88, 44, 43),
 'caper': (199, 230, 170),
 'caribbean-green': (22, 201, 141),
 'carnation': (250, 94, 91),
 'chambray': (29, 80, 141),
 'chino': (207, 203, 175),
 'falu-red': (132, 30, 27),
 'keppel': (71, 168, 153),
 'lochmara': (40, 138, 214),
 'malibu': (138, 190, 229),
 'mulberry': (191, 83, 141),
 'paris-daisy': (254, 239, 109),
 'saffron': (255, 200, 63),
 'trendy-pink': (104, 78, 121)}

In [3]:
primary_colour = palette.get('lochmara')

In [4]:
template = Template("""
<style>
    .card {
        display: inline-block;
        width: 25%;
        height: 150px;
        padding: 1rem .5rem;
    }
    
    .card-swatch {
        height: 100px;
        width: 100%;
        overflow: hidden;
        text-align: center;
        padding: 1rem
    }
    
    .card-meta {
        height: 50px;
        width: 100%;
        text-align: center;
        overflow: hidden;
    }
</style>
{% for name, colour in palette %}
<div class="card">
    <div class="card-swatch" style="background-color:rgb{{ colour }}" />
    <p class="card-meta">
        <strong>{{ name }}</strong><br/>
        <code>rgb{{ colour }}</code>
        </p>
</div>
{% endfor %}
""")

HTML(template.render(palette=palette.items()))


Out[4]:

big-stone
rgb(20, 43, 68)

chambray
rgb(29, 80, 141)

lochmara
rgb(40, 138, 214)

caribbean-green
rgb(22, 201, 141)

paris-daisy
rgb(254, 239, 109)

saffron
rgb(255, 200, 63)

carnation
rgb(250, 94, 91)

mulberry
rgb(191, 83, 141)

trendy-pink
rgb(104, 78, 121)

brink-pink
rgb(255, 112, 142)

keppel
rgb(71, 168, 153)

malibu
rgb(138, 190, 229)

caper
rgb(199, 230, 170)

chino
rgb(207, 203, 175)

buccaneer
rgb(88, 44, 43)

falu-red
rgb(132, 30, 27)


In [5]:
def colour_hex(rbg):
    return '#{:02x}{:02x}{:02x}'.format(*rbg)

print(colour_hex(primary_colour))


#288ad6

In [6]:
# <https://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef>

def normalize(colour):
    colour = colour / 255

    if colour <= 0.03928:
        return colour / 12.92
    else:
        return math.pow(((colour + 0.055) / 1.055), 2.4)

def luminance(rgb):
    red, green, blue = rgb
    
    return math.sqrt(0.299 * math.pow(normalize(red), 2)+
                     0.587 * math.pow(normalize(green), 2) +
                     0.144 * math.pow(normalize(blue), 2))

print(luminance(primary_colour))


0.3211927369645976

In [7]:
def contrast(a, b):
    a = luminance(a)
    b = luminance(b)
    
    min_lum = min(a, b)
    max_lum = max(a, b)
    
    return (max_lum + 0.05) / (min_lum + 0.05)

white = (255, 255, 255)
black = (0, 0, 0)

print(contrast(white, black))
print(contrast(black, (1, 1, 1)))


21.29778313018444
1.0061609248862333

Contrast Scoring

  • Fail - Your text doesn't have enough contrast with the background. You probably want to make it darker. This is a score of less than 3.0.
  • AA Large - The smallest acceptable amount of contrast for type sizes of 18px and larger. This is a score of at least 3.0.
  • AA - This is the sweet spot for text sizes below ~18px. This is a score of at least 4.5.
  • AAA - This is enhanced contrast with a score of at least 7.0. Think longer form articles that will be read for a significant period of time.

In [8]:
def contrast_score(ratio):
    if ratio >= 7.0:
        return 'AAA'
    elif ratio >= 4.5:
        return 'AA'
    elif ratio >= 3.0:
        return 'AA Large'
    else:
        return 'Fail'

print(contrast_score(contrast(white, black)))
print(contrast_score(contrast(black, (1, 1, 1))))


AAA
Fail

In [9]:
template = """
<div class="card">
    <div class="card-swatch" style="background-color:rgb{0};color:rgb{1}">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
    </div>
    <p class="card-meta">{2}</p>
</div>
"""

display(HTML(''.join([
    template.format(primary_colour, white, contrast_score(contrast(primary_colour, white))),
    template.format(primary_colour, black, contrast_score(contrast(primary_colour, black)))])))


Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.

Fail

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.

AAA


In [10]:
colours = []

for key, value in palette.items():
    colour = {
        'name': key,
        'colour': value,
        'contrasts': []
    }
    
    for k, v in palette.items():
        score = contrast_score(contrast(value, v))
        
        colour['contrasts'].append({
            'name': k,
            'colour': v,
            'score': score
        })
    
    colours.append(colour)

In [11]:
template = Template("""
<style></style>
{% for colour in colours %}
<div>
    <h3><strong>{{ colour.name }} <code>{{ colour.colour }}</code></strong></h3>
    <div class="card-group">
    {% for contrast in colour.contrasts %}
        <div class="card">
            <div class="card-swatch" style="background-color:rgb{{ colour.colour }};color:rgb{{ contrast.colour }}">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
            </div>
            <div class="card-meta">
                <strong>{{ contrast.score }}</strong><br/>
                {{ contrast.name }} on {{ colour.name }}
            </div>
        </div>
    {% endfor %}
    </div>
</div>
{% endfor %}
""")

HTML(template.render(colours=colours))


Out[11]:

big-stone (20, 43, 68)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
big-stone on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chambray on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
lochmara on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
caribbean-green on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
paris-daisy on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
saffron on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
carnation on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
mulberry on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
trendy-pink on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
brink-pink on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
keppel on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
malibu on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
caper on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
chino on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
buccaneer on big-stone
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
falu-red on big-stone

chambray (29, 80, 141)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
big-stone on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chambray on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
caribbean-green on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
paris-daisy on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
saffron on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
carnation on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
trendy-pink on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
brink-pink on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
malibu on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
caper on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
chino on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
buccaneer on chambray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
falu-red on chambray

lochmara (40, 138, 214)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
big-stone on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chambray on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caribbean-green on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
paris-daisy on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
saffron on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
carnation on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
trendy-pink on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
brink-pink on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
malibu on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caper on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chino on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
buccaneer on lochmara
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
falu-red on lochmara

caribbean-green (22, 201, 141)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
big-stone on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
chambray on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caribbean-green on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
paris-daisy on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
saffron on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
carnation on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
trendy-pink on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
brink-pink on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
malibu on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caper on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chino on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
buccaneer on caribbean-green
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
falu-red on caribbean-green

paris-daisy (254, 239, 109)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
big-stone on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
chambray on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caribbean-green on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
paris-daisy on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
saffron on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
carnation on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
trendy-pink on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
brink-pink on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
malibu on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caper on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chino on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
buccaneer on paris-daisy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
falu-red on paris-daisy

saffron (255, 200, 63)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
big-stone on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
chambray on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caribbean-green on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
paris-daisy on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
saffron on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
carnation on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
trendy-pink on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
brink-pink on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
malibu on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caper on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chino on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
buccaneer on saffron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
falu-red on saffron

carnation (250, 94, 91)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
big-stone on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
chambray on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caribbean-green on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
paris-daisy on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
saffron on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
carnation on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
trendy-pink on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
brink-pink on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
malibu on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caper on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chino on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
buccaneer on carnation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
falu-red on carnation

mulberry (191, 83, 141)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
big-stone on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chambray on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caribbean-green on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
paris-daisy on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
saffron on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
carnation on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
trendy-pink on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
brink-pink on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
malibu on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caper on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chino on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
buccaneer on mulberry
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
falu-red on mulberry

trendy-pink (104, 78, 121)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
big-stone on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chambray on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caribbean-green on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
paris-daisy on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
saffron on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
carnation on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
trendy-pink on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
brink-pink on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
malibu on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
caper on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
chino on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
buccaneer on trendy-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
falu-red on trendy-pink

brink-pink (255, 112, 142)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
big-stone on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
chambray on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caribbean-green on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
paris-daisy on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
saffron on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
carnation on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
trendy-pink on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
brink-pink on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
malibu on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caper on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chino on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
buccaneer on brink-pink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
falu-red on brink-pink

keppel (71, 168, 153)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
big-stone on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chambray on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caribbean-green on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
paris-daisy on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
saffron on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
carnation on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
trendy-pink on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
brink-pink on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
malibu on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caper on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chino on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
buccaneer on keppel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
falu-red on keppel

malibu (138, 190, 229)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
big-stone on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
chambray on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caribbean-green on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
paris-daisy on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
saffron on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
carnation on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
trendy-pink on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
brink-pink on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
malibu on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caper on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chino on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
buccaneer on malibu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
falu-red on malibu

caper (199, 230, 170)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
big-stone on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
chambray on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caribbean-green on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
paris-daisy on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
saffron on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
carnation on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
trendy-pink on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
brink-pink on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
malibu on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caper on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chino on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
buccaneer on caper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
falu-red on caper

chino (207, 203, 175)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
big-stone on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
chambray on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caribbean-green on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
paris-daisy on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
saffron on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
carnation on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
trendy-pink on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
brink-pink on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
malibu on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caper on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chino on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
buccaneer on chino
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
falu-red on chino

buccaneer (88, 44, 43)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
big-stone on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chambray on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
lochmara on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
caribbean-green on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
paris-daisy on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AAA
saffron on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
carnation on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
mulberry on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
trendy-pink on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
brink-pink on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
keppel on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
malibu on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
caper on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
chino on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
buccaneer on buccaneer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
falu-red on buccaneer

falu-red (132, 30, 27)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
big-stone on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
chambray on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
lochmara on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
caribbean-green on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA
paris-daisy on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
saffron on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
carnation on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
mulberry on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
trendy-pink on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
brink-pink on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
keppel on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
malibu on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
caper on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
AA Large
chino on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
buccaneer on falu-red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit ligula eros, sit amet ornare metus mattis sed. Morbi congue.
Fail
falu-red on falu-red

In [21]:
from PIL import Image

def Image(name, rgb):
    img = Image.new('RGB', (150, 150), rgb)
    img.save('swatches/{}.png'.format(name), 'png')

generate_swatch('primary', primary_colour)

In [24]:
for name, rgb in palette.items():
    generate_swatch(name, rgb)

In [ ]: