Sign Up Sign Up
Spec12

Spec12

12-color palette · Warm · Mixed · Triadic harmony

Back to Library

Spec12

12-color palette · Warm temperature · Mixed tone · Triadic harmony

Modify
Earthy 12 colors Warm Mixed Triadic artist smalls
Likes 11
Colors 12

CSS variables

:root {
  --c-earthy-1: #0F0808;
  --c-earthy-2: #918C89;
  --c-earthy-3: #D6D9D0;
  --c-earthy-4: #D9D15D;
  --c-earthy-5: #DB6E3B;
  --c-earthy-6: #A82D2D;
  --c-earthy-7: #781C26;
  --c-earthy-8: #8ED959;
  --c-earthy-9: #32BA3B;
  --c-earthy-10: #2F63BD;
  --c-earthy-11: #30188F;
  --c-earthy-12: #D9BE93;
}

About this palette

This 12-color earthy palette runs from Blizzard Fog (#D6D9D0) as its lightest tone to Chyornyi Black (#0F0808) as its darkest. It blends Chyornyi Black, Mourning Dove, Blizzard Fog, Matcha, Field Poppy, Très Bien, Jazzy Red, Lilliputian Lime, Try Your Luck, Blue Streak, Indiglow and Del Sol Maize into a single set you can drop straight into a UI. Of its 66 color pairings, 17 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0F0808 on #D6D9D0 at 13.88:1.

Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.

Color breakdown

Chyornyi Black #0F0808
RGB
rgb(15, 8, 8)
HSL
hsl(0, 30%, 5%)
Luminance
0.003
Mourning Dove #918C89
RGB
rgb(145, 140, 137)
HSL
hsl(23, 4%, 55%)
Luminance
0.266
Blizzard Fog #D6D9D0
RGB
rgb(214, 217, 208)
HSL
hsl(80, 11%, 83%)
Luminance
0.685
Matcha #D9D15D
RGB
rgb(217, 209, 93)
HSL
hsl(56, 62%, 61%)
Luminance
0.611
Field Poppy #DB6E3B
RGB
rgb(219, 110, 59)
HSL
hsl(19, 69%, 55%)
Luminance
0.265
Très Bien #A82D2D
RGB
rgb(168, 45, 45)
HSL
hsl(0, 58%, 42%)
Luminance
0.104
Jazzy Red #781C26
RGB
rgb(120, 28, 38)
HSL
hsl(353, 62%, 29%)
Luminance
0.050
Lilliputian Lime #8ED959
RGB
rgb(142, 217, 89)
HSL
hsl(95, 63%, 60%)
Luminance
0.561
Try Your Luck #32BA3B
RGB
rgb(50, 186, 59)
HSL
hsl(124, 58%, 46%)
Luminance
0.361
Blue Streak #2F63BD
RGB
rgb(47, 99, 189)
HSL
hsl(218, 60%, 46%)
Luminance
0.132
Indiglow #30188F
RGB
rgb(48, 24, 143)
HSL
hsl(252, 71%, 33%)
Luminance
0.033
Del Sol Maize #D9BE93
RGB
rgb(217, 190, 147)
HSL
hsl(37, 48%, 71%)
Luminance
0.537

Contrast & accessibility

17 of 66 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #0F0808 on #D6D9D0 13.88:1 AAA
Aa #0F0808 on #D9D15D 12.50:1 AAA
Aa #0F0808 on #8ED959 11.54:1 AAA
Aa #0F0808 on #D9BE93 11.09:1 AAA
Aa #D6D9D0 on #30188F 8.89:1 AAA
Aa #D9D15D on #30188F 8.00:1 AAA
Aa #0F0808 on #32BA3B 7.77:1 AAA
Aa #8ED959 on #30188F 7.39:1 AAA
Aa #D6D9D0 on #781C26 7.37:1 AAA
Aa #30188F on #D9BE93 7.10:1 AAA
Aa #D9D15D on #781C26 6.64:1 AA
Aa #781C26 on #8ED959 6.13:1 AA
Aa #0F0808 on #918C89 5.97:1 AA
Aa #0F0808 on #DB6E3B 5.96:1 AA
Aa #781C26 on #D9BE93 5.89:1 AA
Aa #32BA3B on #30188F 4.97:1 AA
Aa #D6D9D0 on #A82D2D 4.77:1 AA
Aa #D9D15D on #A82D2D 4.30:1 AA Large
Aa #781C26 on #32BA3B 4.13:1 AA Large
Aa #D6D9D0 on #2F63BD 4.04:1 AA Large
Aa #A82D2D on #8ED959 3.97:1 AA Large
Aa #918C89 on #30188F 3.82:1 AA Large
Aa #DB6E3B on #30188F 3.81:1 AA Large
Aa #A82D2D on #D9BE93 3.81:1 AA Large
Aa #D9D15D on #2F63BD 3.63:1 AA Large
Aa #0F0808 on #2F63BD 3.44:1 AA Large
Aa #8ED959 on #2F63BD 3.36:1 AA Large
Aa #2F63BD on #D9BE93 3.22:1 AA Large
Aa #918C89 on #781C26 3.17:1 AA Large
Aa #DB6E3B on #781C26 3.16:1 AA Large
Aa #0F0808 on #A82D2D 2.91:1 Fail
Aa #A82D2D on #32BA3B 2.67:1 Fail
Aa #918C89 on #D6D9D0 2.33:1 Fail
Aa #D6D9D0 on #DB6E3B 2.33:1 Fail
Aa #32BA3B on #2F63BD 2.26:1 Fail
Aa #2F63BD on #30188F 2.20:1 Fail
Aa #D9D15D on #DB6E3B 2.10:1 Fail
Aa #918C89 on #D9D15D 2.09:1 Fail
Aa #918C89 on #A82D2D 2.05:1 Fail
Aa #DB6E3B on #A82D2D 2.05:1 Fail
Aa #DB6E3B on #8ED959 1.94:1 Fail
Aa #918C89 on #8ED959 1.93:1 Fail
Aa #0F0808 on #781C26 1.88:1 Fail
Aa #918C89 on #D9BE93 1.86:1 Fail
Aa #DB6E3B on #D9BE93 1.86:1 Fail
Aa #A82D2D on #30188F 1.86:1 Fail
Aa #781C26 on #2F63BD 1.83:1 Fail
Aa #D6D9D0 on #32BA3B 1.79:1 Fail
Aa #918C89 on #2F63BD 1.74:1 Fail
Aa #DB6E3B on #2F63BD 1.73:1 Fail
Aa #D9D15D on #32BA3B 1.61:1 Fail
Aa #0F0808 on #30188F 1.56:1 Fail
Aa #A82D2D on #781C26 1.54:1 Fail
Aa #8ED959 on #32BA3B 1.49:1 Fail
Aa #32BA3B on #D9BE93 1.43:1 Fail
Aa #918C89 on #32BA3B 1.30:1 Fail
Aa #DB6E3B on #32BA3B 1.30:1 Fail
Aa #D6D9D0 on #D9BE93 1.25:1 Fail
Aa #781C26 on #30188F 1.21:1 Fail
Aa #D6D9D0 on #8ED959 1.20:1 Fail
Aa #A82D2D on #2F63BD 1.18:1 Fail
Aa #D9D15D on #D9BE93 1.13:1 Fail
Aa #D6D9D0 on #D9D15D 1.11:1 Fail
Aa #D9D15D on #8ED959 1.08:1 Fail
Aa #8ED959 on #D9BE93 1.04:1 Fail
Aa #918C89 on #DB6E3B 1.00:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors