Sign Up Sign Up
HarrisThoth 12

HarrisThoth 12

12-color palette · Warm · Mixed · Complementary harmony

Back to Library

HarrisThoth 12

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

Modify
Earthy 12 colors Warm Mixed Complementary desaturated tarot septemberstudypalettecontest
Likes 85
Colors 12

CSS variables

:root {
  --c-earthy-1: #B6B8AD;
  --c-earthy-2: #BBA06B;
  --c-earthy-3: #AE5744;
  --c-earthy-4: #5E1823;
  --c-earthy-5: #8DA08D;
  --c-earthy-6: #5E7E4F;
  --c-earthy-7: #0A434C;
  --c-earthy-8: #43717E;
  --c-earthy-9: #8B7395;
  --c-earthy-10: #6B4859;
  --c-earthy-11: #987526;
  --c-earthy-12: #11151E;
}

About this palette

This 12-color earthy palette runs from Stone Mill (#B6B8AD) as its lightest tone to Kuroi Black (#11151E) as its darkest. It blends Stone Mill, Buffalo Hide, Glowing Firelight, Spinel Red, Hillside View, Glade Green, Incubi Darkness, Flip, Self Powered, Magos, Mulberry Brown and Kuroi Black into a single set you can drop straight into a UI. Of its 66 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #B6B8AD on #11151E at 9.09:1.

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

Color breakdown

Stone Mill #B6B8AD
RGB
rgb(182, 184, 173)
HSL
hsl(71, 7%, 70%)
Luminance
0.472
Buffalo Hide #BBA06B
RGB
rgb(187, 160, 107)
HSL
hsl(40, 37%, 58%)
Luminance
0.368
Glowing Firelight #AE5744
RGB
rgb(174, 87, 68)
HSL
hsl(11, 44%, 47%)
Luminance
0.162
Spinel Red #5E1823
RGB
rgb(94, 24, 35)
HSL
hsl(351, 59%, 23%)
Luminance
0.032
Hillside View #8DA08D
RGB
rgb(141, 160, 141)
HSL
hsl(120, 9%, 59%)
Luminance
0.327
Glade Green #5E7E4F
RGB
rgb(94, 126, 79)
HSL
hsl(101, 23%, 40%)
Luminance
0.179
Incubi Darkness #0A434C
RGB
rgb(10, 67, 76)
HSL
hsl(188, 77%, 17%)
Luminance
0.046
Flip #43717E
RGB
rgb(67, 113, 126)
HSL
hsl(193, 31%, 38%)
Luminance
0.145
Self Powered #8B7395
RGB
rgb(139, 115, 149)
HSL
hsl(282, 14%, 52%)
Luminance
0.199
Magos #6B4859
RGB
rgb(107, 72, 89)
HSL
hsl(331, 20%, 35%)
Luminance
0.085
Mulberry Brown #987526
RGB
rgb(152, 117, 38)
HSL
hsl(42, 60%, 37%)
Luminance
0.195
Kuroi Black #11151E
RGB
rgb(17, 21, 30)
HSL
hsl(222, 28%, 9%)
Luminance
0.008

Contrast & accessibility

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

Aa #B6B8AD on #11151E 9.09:1 AAA
Aa #BBA06B on #11151E 7.26:1 AAA
Aa #8DA08D on #11151E 6.56:1 AA
Aa #B6B8AD on #5E1823 6.41:1 AA
Aa #B6B8AD on #0A434C 5.44:1 AA
Aa #BBA06B on #5E1823 5.12:1 AA
Aa #5E1823 on #8DA08D 4.63:1 AA
Aa #BBA06B on #0A434C 4.35:1 AA Large
Aa #8B7395 on #11151E 4.33:1 AA Large
Aa #987526 on #11151E 4.27:1 AA Large
Aa #5E7E4F on #11151E 3.98:1 AA Large
Aa #8DA08D on #0A434C 3.93:1 AA Large
Aa #B6B8AD on #6B4859 3.88:1 AA Large
Aa #AE5744 on #11151E 3.69:1 AA Large
Aa #43717E on #11151E 3.39:1 AA Large
Aa #BBA06B on #6B4859 3.10:1 AA Large
Aa #5E1823 on #8B7395 3.06:1 AA Large
Aa #5E1823 on #987526 3.01:1 AA Large
Aa #5E1823 on #5E7E4F 2.80:1 Fail
Aa #8DA08D on #6B4859 2.80:1 Fail
Aa #B6B8AD on #43717E 2.68:1 Fail
Aa #AE5744 on #5E1823 2.60:1 Fail
Aa #0A434C on #8B7395 2.60:1 Fail
Aa #0A434C on #987526 2.56:1 Fail
Aa #B6B8AD on #AE5744 2.46:1 Fail
Aa #5E1823 on #43717E 2.39:1 Fail
Aa #5E7E4F on #0A434C 2.38:1 Fail
Aa #6B4859 on #11151E 2.34:1 Fail
Aa #B6B8AD on #5E7E4F 2.28:1 Fail
Aa #AE5744 on #0A434C 2.21:1 Fail
Aa #BBA06B on #43717E 2.14:1 Fail
Aa #B6B8AD on #987526 2.13:1 Fail
Aa #B6B8AD on #8B7395 2.10:1 Fail
Aa #0A434C on #43717E 2.03:1 Fail
Aa #BBA06B on #AE5744 1.97:1 Fail
Aa #8DA08D on #43717E 1.93:1 Fail
Aa #8B7395 on #6B4859 1.85:1 Fail
Aa #BBA06B on #5E7E4F 1.83:1 Fail
Aa #6B4859 on #987526 1.82:1 Fail
Aa #AE5744 on #8DA08D 1.78:1 Fail
Aa #BBA06B on #987526 1.70:1 Fail
Aa #5E7E4F on #6B4859 1.70:1 Fail
Aa #BBA06B on #8B7395 1.68:1 Fail
Aa #0A434C on #11151E 1.67:1 Fail
Aa #5E1823 on #6B4859 1.65:1 Fail
Aa #8DA08D on #5E7E4F 1.65:1 Fail
Aa #AE5744 on #6B4859 1.57:1 Fail
Aa #8DA08D on #987526 1.54:1 Fail
Aa #8DA08D on #8B7395 1.51:1 Fail
Aa #43717E on #6B4859 1.45:1 Fail
Aa #5E1823 on #11151E 1.42:1 Fail
Aa #0A434C on #6B4859 1.40:1 Fail
Aa #B6B8AD on #8DA08D 1.38:1 Fail
Aa #43717E on #8B7395 1.28:1 Fail
Aa #43717E on #987526 1.26:1 Fail
Aa #B6B8AD on #BBA06B 1.25:1 Fail
Aa #5E1823 on #0A434C 1.18:1 Fail
Aa #AE5744 on #8B7395 1.17:1 Fail
Aa #5E7E4F on #43717E 1.17:1 Fail
Aa #AE5744 on #987526 1.16:1 Fail
Aa #BBA06B on #8DA08D 1.11:1 Fail
Aa #AE5744 on #43717E 1.09:1 Fail
Aa #5E7E4F on #8B7395 1.09:1 Fail
Aa #AE5744 on #5E7E4F 1.08:1 Fail
Aa #5E7E4F on #987526 1.07:1 Fail
Aa #8B7395 on #987526 1.02: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