Color system

A gorgeous, balanced, 12–point color system.

Accessibility

What these tools do once you provide colors for testing is check them against a contrast ratio. A contrast ratio of 3:1 is the minimum standard for text and vision. For those with visual impairments however, the contrast ratio standard is 4.5:1.

Accessibility

What these tools do once you provide colors for testing is check them against a contrast ratio. A contrast ratio of 3:1 is the minimum standard for text and vision. For those with visual impairments however, the contrast ratio standard is 4.5:1.

The palette

There are twelve different hues in total. Each hue has nine lightness values ranging from light tints to dark shades.

Pure
Tones
Grayscale
Social
500
hsl(210, 100%, 50%)
500
hsl(210, 100%, 50%)
500
hsl(210, 100%, 50%)
500
hsl(210, 100%, 50%)
500
hsl(210, 100%, 50%)
500
hsl(210, 100%, 50%)
500
hsl(210, 100%, 50%)
500
hsl(210, 100%, 50%)
500
hsl(210, 100%, 50%)
500
hsl(210, 100%, 50%)

Violet

There are twelve different hues in total. Each hue has nine lightness values ranging from light tints to dark shades. There are twelve different hues in total. Each hue has nine lightness values ranging from light tints to dark shades.

Cold & warm hues

Crimson is a colour between violet and green. Common associations include business, confidence and cold.

Perfect balance

Crimson is a colour between violet and green. Common associations include business, confidence and cold.

The anatomy of a color group

There are 12 hues in total. Each hue has 5 lightness values ranging from light tints to dark shades.

Lightness pairs

There are 12 hues in total. Each hue has 5 lightness values ranging from light tints to dark shades.