Sign Up Sign Up
CJP 11DDL

CJP 11DDL

11-color palette · Warm · Mixed · Monochromatic harmony

Back to Library

CJP 11DDL

11-color palette · Warm temperature · Mixed tone · Monochromatic harmony

Modify
Earthy 11 colors Warm Mixed Monochromatic brown
Likes 8
Colors 11

CSS variables

:root {
  --c-earthy-1: #6B3916;
  --c-earthy-2: #804725;
  --c-earthy-3: #8C6034;
  --c-earthy-4: #9D6F41;
  --c-earthy-5: #B88D61;
  --c-earthy-6: #CEA780;
  --c-earthy-7: #ECD5BD;
  --c-earthy-8: #EDE4BE;
  --c-earthy-9: #FEFAE6;
  --c-earthy-10: #FFC76C;
  --c-earthy-11: #9ED0E9;
}

About this palette

This 11-color earthy palette runs from Lead Glass (#FEFAE6) as its lightest tone to Rosewood Brown (#6B3916) as its darkest. It blends Rosewood Brown, Mummy Brown, Quiver, Desert Clay, Mission Gold, Totally Tan, Speckled Eggs, Arctic Daisy, Lead Glass, Chanterelle and Sonic Sky into a single set you can drop straight into a UI. Of its 55 color pairings, 10 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #6B3916 on #FEFAE6 at 9.01:1.

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

Color breakdown

Rosewood Brown #6B3916
RGB
rgb(107, 57, 22)
HSL
hsl(25, 66%, 25%)
Luminance
0.061
Mummy Brown #804725
RGB
rgb(128, 71, 37)
HSL
hsl(22, 55%, 32%)
Luminance
0.092
Quiver #8C6034
RGB
rgb(140, 96, 52)
HSL
hsl(30, 46%, 38%)
Luminance
0.142
Desert Clay #9D6F41
RGB
rgb(157, 111, 65)
HSL
hsl(30, 41%, 44%)
Luminance
0.189
Mission Gold #B88D61
RGB
rgb(184, 141, 97)
HSL
hsl(30, 38%, 55%)
Luminance
0.301
Totally Tan #CEA780
RGB
rgb(206, 167, 128)
HSL
hsl(30, 44%, 65%)
Luminance
0.423
Speckled Eggs #ECD5BD
RGB
rgb(236, 213, 189)
HSL
hsl(31, 55%, 83%)
Luminance
0.691
Arctic Daisy #EDE4BE
RGB
rgb(237, 228, 190)
HSL
hsl(49, 57%, 84%)
Luminance
0.772
Lead Glass #FEFAE6
RGB
rgb(254, 250, 230)
HSL
hsl(50, 92%, 95%)
Luminance
0.952
Chanterelle #FFC76C
RGB
rgb(255, 199, 108)
HSL
hsl(37, 100%, 71%)
Luminance
0.632
Sonic Sky #9ED0E9
RGB
rgb(158, 208, 233)
HSL
hsl(200, 63%, 77%)
Luminance
0.583

Contrast & accessibility

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

Aa #6B3916 on #FEFAE6 9.01:1 AAA
Aa #6B3916 on #EDE4BE 7.40:1 AAA
Aa #804725 on #FEFAE6 7.04:1 AAA
Aa #6B3916 on #ECD5BD 6.67:1 AA
Aa #6B3916 on #FFC76C 6.14:1 AA
Aa #804725 on #EDE4BE 5.78:1 AA
Aa #6B3916 on #9ED0E9 5.69:1 AA
Aa #8C6034 on #FEFAE6 5.22:1 AA
Aa #804725 on #ECD5BD 5.21:1 AA
Aa #804725 on #FFC76C 4.79:1 AA
Aa #804725 on #9ED0E9 4.45:1 AA Large
Aa #8C6034 on #EDE4BE 4.28:1 AA Large
Aa #6B3916 on #CEA780 4.26:1 AA Large
Aa #9D6F41 on #FEFAE6 4.19:1 AA Large
Aa #8C6034 on #ECD5BD 3.86:1 AA Large
Aa #8C6034 on #FFC76C 3.55:1 AA Large
Aa #9D6F41 on #EDE4BE 3.44:1 AA Large
Aa #804725 on #CEA780 3.33:1 AA Large
Aa #8C6034 on #9ED0E9 3.30:1 AA Large
Aa #6B3916 on #B88D61 3.16:1 AA Large
Aa #9D6F41 on #ECD5BD 3.10:1 AA Large
Aa #9D6F41 on #FFC76C 2.85:1 Fail
Aa #B88D61 on #FEFAE6 2.85:1 Fail
Aa #9D6F41 on #9ED0E9 2.64:1 Fail
Aa #804725 on #B88D61 2.47:1 Fail
Aa #8C6034 on #CEA780 2.47:1 Fail
Aa #B88D61 on #EDE4BE 2.34:1 Fail
Aa #6B3916 on #9D6F41 2.15:1 Fail
Aa #CEA780 on #FEFAE6 2.12:1 Fail
Aa #B88D61 on #ECD5BD 2.11:1 Fail
Aa #9D6F41 on #CEA780 1.98:1 Fail
Aa #B88D61 on #FFC76C 1.94:1 Fail
Aa #8C6034 on #B88D61 1.83:1 Fail
Aa #B88D61 on #9ED0E9 1.80:1 Fail
Aa #CEA780 on #EDE4BE 1.74:1 Fail
Aa #6B3916 on #8C6034 1.73:1 Fail
Aa #804725 on #9D6F41 1.68:1 Fail
Aa #FEFAE6 on #9ED0E9 1.58:1 Fail
Aa #CEA780 on #ECD5BD 1.57:1 Fail
Aa #9D6F41 on #B88D61 1.47:1 Fail
Aa #FEFAE6 on #FFC76C 1.47:1 Fail
Aa #CEA780 on #FFC76C 1.44:1 Fail
Aa #804725 on #8C6034 1.35:1 Fail
Aa #B88D61 on #CEA780 1.35:1 Fail
Aa #ECD5BD on #FEFAE6 1.35:1 Fail
Aa #CEA780 on #9ED0E9 1.34:1 Fail
Aa #EDE4BE on #9ED0E9 1.30:1 Fail
Aa #6B3916 on #804725 1.28:1 Fail
Aa #8C6034 on #9D6F41 1.25:1 Fail
Aa #EDE4BE on #FEFAE6 1.22:1 Fail
Aa #EDE4BE on #FFC76C 1.21:1 Fail
Aa #ECD5BD on #9ED0E9 1.17:1 Fail
Aa #ECD5BD on #EDE4BE 1.11:1 Fail
Aa #ECD5BD on #FFC76C 1.09:1 Fail
Aa #FFC76C on #9ED0E9 1.08: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