Sign Up Sign Up
Quested Mountain

Quested Mountain

12-color palette · Warm · Dark · Complementary harmony

Back to Library

Quested Mountain

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

Modify
Earthy 12 colors Warm Dark Complementary polyphrog retro
Likes 23
Colors 12

CSS variables

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #4A2300;
  --c-earthy-3: #2B2F35;
  --c-earthy-4: #931800;
  --c-earthy-5: #B05500;
  --c-earthy-6: #5B4E7D;
  --c-earthy-7: #63714F;
  --c-earthy-8: #E36648;
  --c-earthy-9: #9C9D49;
  --c-earthy-10: #A4A3B5;
  --c-earthy-11: #F4C955;
  --c-earthy-12: #FFFFFF;
}

About this palette

This 12-color earthy palette runs from White (#FFFFFF) as its lightest tone to Black (#000000) as its darkest. It blends Black, Chrysophobia, Suit Blue, Brick Red, Tijolo, Imperial Palace, Greenfield, Heirloom Blush, Lazy Lizard, Lazy Lavender, Mom’s Pancake and White into a single set you can drop straight into a UI. Of its 66 color pairings, 19 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
Chrysophobia #4A2300
RGB
rgb(74, 35, 0)
HSL
hsl(28, 100%, 15%)
Luminance
0.027
Suit Blue #2B2F35
RGB
rgb(43, 47, 53)
HSL
hsl(216, 10%, 19%)
Luminance
0.028
Brick Red #931800
RGB
rgb(147, 24, 0)
HSL
hsl(10, 100%, 29%)
Luminance
0.069
Tijolo #B05500
RGB
rgb(176, 85, 0)
HSL
hsl(29, 100%, 35%)
Luminance
0.157
Imperial Palace #5B4E7D
RGB
rgb(91, 78, 125)
HSL
hsl(257, 23%, 40%)
Luminance
0.092
Greenfield #63714F
RGB
rgb(99, 113, 79)
HSL
hsl(85, 18%, 38%)
Luminance
0.150
Heirloom Blush #E36648
RGB
rgb(227, 102, 72)
HSL
hsl(12, 73%, 59%)
Luminance
0.263
Lazy Lizard #9C9D49
RGB
rgb(156, 157, 73)
HSL
hsl(61, 37%, 45%)
Luminance
0.317
Lazy Lavender #A4A3B5
RGB
rgb(164, 163, 181)
HSL
hsl(243, 11%, 67%)
Luminance
0.374
Mom’s Pancake #F4C955
RGB
rgb(244, 201, 85)
HSL
hsl(44, 88%, 65%)
Luminance
0.617
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000

Contrast & accessibility

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

Aa #000000 on #FFFFFF 21.00:1 AAA
Aa #4A2300 on #FFFFFF 13.71:1 AAA
Aa #2B2F35 on #FFFFFF 13.46:1 AAA
Aa #000000 on #F4C955 13.33:1 AAA
Aa #931800 on #FFFFFF 8.86:1 AAA
Aa #4A2300 on #F4C955 8.71:1 AAA
Aa #2B2F35 on #F4C955 8.54:1 AAA
Aa #000000 on #A4A3B5 8.48:1 AAA
Aa #5B4E7D on #FFFFFF 7.42:1 AAA
Aa #000000 on #9C9D49 7.33:1 AAA
Aa #000000 on #E36648 6.26:1 AA
Aa #931800 on #F4C955 5.62:1 AA
Aa #4A2300 on #A4A3B5 5.54:1 AA
Aa #2B2F35 on #A4A3B5 5.44:1 AA
Aa #63714F on #FFFFFF 5.24:1 AA
Aa #B05500 on #FFFFFF 5.07:1 AA
Aa #4A2300 on #9C9D49 4.79:1 AA
Aa #5B4E7D on #F4C955 4.71:1 AA
Aa #2B2F35 on #9C9D49 4.70:1 AA
Aa #000000 on #B05500 4.15:1 AA Large
Aa #4A2300 on #E36648 4.09:1 AA Large
Aa #000000 on #63714F 4.01:1 AA Large
Aa #2B2F35 on #E36648 4.01:1 AA Large
Aa #931800 on #A4A3B5 3.58:1 AA Large
Aa #E36648 on #FFFFFF 3.35:1 AA Large
Aa #63714F on #F4C955 3.33:1 AA Large
Aa #B05500 on #F4C955 3.22:1 AA Large
Aa #931800 on #9C9D49 3.09:1 AA Large
Aa #5B4E7D on #A4A3B5 3.00:1 AA Large
Aa #9C9D49 on #FFFFFF 2.86:1 Fail
Aa #000000 on #5B4E7D 2.83:1 Fail
Aa #4A2300 on #B05500 2.71:1 Fail
Aa #2B2F35 on #B05500 2.66:1 Fail
Aa #931800 on #E36648 2.64:1 Fail
Aa #4A2300 on #63714F 2.62:1 Fail
Aa #5B4E7D on #9C9D49 2.59:1 Fail
Aa #2B2F35 on #63714F 2.57:1 Fail
Aa #A4A3B5 on #FFFFFF 2.48:1 Fail
Aa #000000 on #931800 2.37:1 Fail
Aa #5B4E7D on #E36648 2.21:1 Fail
Aa #E36648 on #F4C955 2.13:1 Fail
Aa #63714F on #A4A3B5 2.12:1 Fail
Aa #B05500 on #A4A3B5 2.05:1 Fail
Aa #4A2300 on #5B4E7D 1.85:1 Fail
Aa #63714F on #9C9D49 1.83:1 Fail
Aa #9C9D49 on #F4C955 1.82:1 Fail
Aa #2B2F35 on #5B4E7D 1.81:1 Fail
Aa #B05500 on #9C9D49 1.77:1 Fail
Aa #931800 on #B05500 1.75:1 Fail
Aa #931800 on #63714F 1.69:1 Fail
Aa #F4C955 on #FFFFFF 1.58:1 Fail
Aa #A4A3B5 on #F4C955 1.57:1 Fail
Aa #000000 on #2B2F35 1.56:1 Fail
Aa #63714F on #E36648 1.56:1 Fail
Aa #4A2300 on #931800 1.55:1 Fail
Aa #000000 on #4A2300 1.53:1 Fail
Aa #2B2F35 on #931800 1.52:1 Fail
Aa #B05500 on #E36648 1.51:1 Fail
Aa #B05500 on #5B4E7D 1.46:1 Fail
Aa #5B4E7D on #63714F 1.42:1 Fail
Aa #E36648 on #A4A3B5 1.36:1 Fail
Aa #931800 on #5B4E7D 1.19:1 Fail
Aa #E36648 on #9C9D49 1.17:1 Fail
Aa #9C9D49 on #A4A3B5 1.16:1 Fail
Aa #B05500 on #63714F 1.03:1 Fail
Aa #4A2300 on #2B2F35 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