Sign Up Sign Up
Quested Valley

Quested Valley

9-color palette · Warm · Dark · Complementary harmony

Back to Library

Quested Valley

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

Modify
Earthy 9 colors Warm Dark Complementary warm polyphrog retro
Likes 34
Colors 9

CSS variables

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #4A2400;
  --c-earthy-3: #2A3039;
  --c-earthy-4: #944800;
  --c-earthy-5: #646D4D;
  --c-earthy-6: #A0A14F;
  --c-earthy-7: #A9A8B7;
  --c-earthy-8: #DEB652;
  --c-earthy-9: #FFFFFF;
}

About this palette

This 9-color earthy palette runs from White (#FFFFFF) as its lightest tone to Black (#000000) as its darkest. It blends Black, Ibex Brown, Chimney Sweep, Brownie, Hinterland, Reed Green, Curated Lilac, High Honey and White into a single set you can drop straight into a UI. Of its 36 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #000000 on #FFFFFF at 21:1.

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

Color breakdown

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000
Ibex Brown #4A2400
RGB
rgb(74, 36, 0)
HSL
hsl(29, 100%, 15%)
Luminance
0.027
Chimney Sweep #2A3039
RGB
rgb(42, 48, 57)
HSL
hsl(216, 15%, 19%)
Luminance
0.029
Brownie #944800
RGB
rgb(148, 72, 0)
HSL
hsl(29, 100%, 29%)
Luminance
0.109
Hinterland #646D4D
RGB
rgb(100, 109, 77)
HSL
hsl(77, 17%, 36%)
Luminance
0.142
Reed Green #A0A14F
RGB
rgb(160, 161, 79)
HSL
hsl(61, 34%, 47%)
Luminance
0.335
Curated Lilac #A9A8B7
RGB
rgb(169, 168, 183)
HSL
hsl(244, 9%, 69%)
Luminance
0.399
High Honey #DEB652
RGB
rgb(222, 182, 82)
HSL
hsl(43, 68%, 60%)
Luminance
0.496
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000

Contrast & accessibility

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

Aa #000000 on #FFFFFF 21.00:1 AAA
Aa #4A2400 on #FFFFFF 13.61:1 AAA
Aa #2A3039 on #FFFFFF 13.29:1 AAA
Aa #000000 on #DEB652 10.92:1 AAA
Aa #000000 on #A9A8B7 8.97:1 AAA
Aa #000000 on #A0A14F 7.71:1 AAA
Aa #4A2400 on #DEB652 7.07:1 AAA
Aa #2A3039 on #DEB652 6.91:1 AA
Aa #944800 on #FFFFFF 6.59:1 AA
Aa #4A2400 on #A9A8B7 5.81:1 AA
Aa #2A3039 on #A9A8B7 5.68:1 AA
Aa #646D4D on #FFFFFF 5.47:1 AA
Aa #4A2400 on #A0A14F 4.99:1 AA
Aa #2A3039 on #A0A14F 4.88:1 AA
Aa #000000 on #646D4D 3.84:1 AA Large
Aa #944800 on #DEB652 3.43:1 AA Large
Aa #000000 on #944800 3.19:1 AA Large
Aa #646D4D on #DEB652 2.85:1 Fail
Aa #944800 on #A9A8B7 2.82:1 Fail
Aa #A0A14F on #FFFFFF 2.73:1 Fail
Aa #4A2400 on #646D4D 2.49:1 Fail
Aa #2A3039 on #646D4D 2.43:1 Fail
Aa #944800 on #A0A14F 2.42:1 Fail
Aa #646D4D on #A9A8B7 2.34:1 Fail
Aa #A9A8B7 on #FFFFFF 2.34:1 Fail
Aa #4A2400 on #944800 2.06:1 Fail
Aa #2A3039 on #944800 2.02:1 Fail
Aa #646D4D on #A0A14F 2.01:1 Fail
Aa #DEB652 on #FFFFFF 1.92:1 Fail
Aa #000000 on #2A3039 1.58:1 Fail
Aa #000000 on #4A2400 1.54:1 Fail
Aa #A0A14F on #DEB652 1.42:1 Fail
Aa #A9A8B7 on #DEB652 1.22:1 Fail
Aa #944800 on #646D4D 1.20:1 Fail
Aa #A0A14F on #A9A8B7 1.16:1 Fail
Aa #4A2400 on #2A3039 1.02: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