Sign Up Sign Up
TY Deeper Depths 9

TY Deeper Depths 9

9-color palette · Warm · Dark · Complementary harmony

Back to Library

TY Deeper Depths 9

9-color palette · Warm temperature · Dark tone · Complementary harmony

Modify
Earthy 9 colors Warm Dark Complementary dark darkfantasy rpg dungeon
Likes 12
Colors 9

CSS variables

:root {
  --c-earthy-1: #AFC044;
  --c-earthy-2: #5A6D1E;
  --c-earthy-3: #503C18;
  --c-earthy-4: #391D22;
  --c-earthy-5: #0E102D;
  --c-earthy-6: #B8C185;
  --c-earthy-7: #876759;
  --c-earthy-8: #824316;
  --c-earthy-9: #272A13;
}

About this palette

This 9-color earthy palette runs from Early Harvest (#B8C185) as its lightest tone to Spanish Roast (#0E102D) as its darkest. It blends Rainforest Glow, Bowser Shell, Avocado Stone, Warm Balaclavas Are Forever, Spanish Roast, Early Harvest, Suede Leather, Russet and Black Mesa into a single set you can drop straight into a UI. Of its 36 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0E102D on #B8C185 at 9.73:1.

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

Color breakdown

Rainforest Glow #AFC044
RGB
rgb(175, 192, 68)
HSL
hsl(68, 50%, 51%)
Luminance
0.472
Bowser Shell #5A6D1E
RGB
rgb(90, 109, 30)
HSL
hsl(74, 57%, 27%)
Luminance
0.132
Avocado Stone #503C18
RGB
rgb(80, 60, 24)
HSL
hsl(39, 54%, 20%)
Luminance
0.050
Warm Balaclavas Are Forever #391D22
RGB
rgb(57, 29, 34)
HSL
hsl(349, 33%, 17%)
Luminance
0.019
Spanish Roast #0E102D
RGB
rgb(14, 16, 45)
HSL
hsl(236, 53%, 12%)
Luminance
0.007
Early Harvest #B8C185
RGB
rgb(184, 193, 133)
HSL
hsl(69, 33%, 64%)
Luminance
0.500
Suede Leather #876759
RGB
rgb(135, 103, 89)
HSL
hsl(18, 21%, 44%)
Luminance
0.156
Russet #824316
RGB
rgb(130, 67, 22)
HSL
hsl(25, 71%, 30%)
Luminance
0.088
Black Mesa #272A13
RGB
rgb(39, 42, 19)
HSL
hsl(68, 38%, 12%)
Luminance
0.021

Contrast & accessibility

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

Aa #0E102D on #B8C185 9.73:1 AAA
Aa #AFC044 on #0E102D 9.24:1 AAA
Aa #391D22 on #B8C185 8.02:1 AAA
Aa #B8C185 on #272A13 7.71:1 AAA
Aa #AFC044 on #391D22 7.61:1 AAA
Aa #AFC044 on #272A13 7.32:1 AAA
Aa #503C18 on #B8C185 5.50:1 AA
Aa #AFC044 on #503C18 5.22:1 AA
Aa #B8C185 on #824316 3.98:1 AA Large
Aa #AFC044 on #824316 3.78:1 AA Large
Aa #0E102D on #876759 3.64:1 AA Large
Aa #5A6D1E on #0E102D 3.22:1 AA Large
Aa #5A6D1E on #B8C185 3.02:1 AA Large
Aa #391D22 on #876759 3.00:1 AA Large
Aa #876759 on #272A13 2.88:1 Fail
Aa #AFC044 on #5A6D1E 2.87:1 Fail
Aa #B8C185 on #876759 2.67:1 Fail
Aa #5A6D1E on #391D22 2.65:1 Fail
Aa #5A6D1E on #272A13 2.55:1 Fail
Aa #AFC044 on #876759 2.54:1 Fail
Aa #0E102D on #824316 2.44:1 Fail
Aa #503C18 on #876759 2.06:1 Fail
Aa #391D22 on #824316 2.01:1 Fail
Aa #824316 on #272A13 1.94:1 Fail
Aa #5A6D1E on #503C18 1.82:1 Fail
Aa #503C18 on #0E102D 1.77:1 Fail
Aa #876759 on #824316 1.49:1 Fail
Aa #503C18 on #391D22 1.46:1 Fail
Aa #503C18 on #272A13 1.40:1 Fail
Aa #503C18 on #824316 1.38:1 Fail
Aa #5A6D1E on #824316 1.32:1 Fail
Aa #0E102D on #272A13 1.26:1 Fail
Aa #391D22 on #0E102D 1.21:1 Fail
Aa #5A6D1E on #876759 1.13:1 Fail
Aa #AFC044 on #B8C185 1.05:1 Fail
Aa #391D22 on #272A13 1.04:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000
4 colors
#E23E57 #88304E #522546 #311D3F
4 colors
#FF204E #A0153E #5D0E41 #00224D
4 colors
#030637 #3C0753 #720455 #910A67
4 colors
#1C0A00 #361500 #603601 #CC9544
4 colors
#252525 #FF0000 #AF0404 #414141
4 colors
#362222 #171010 #423F3E #2B2B2B
4 colors
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colors