Sign Up Sign Up
Desatur8

Desatur8

8-color palette · Warm · Light · Complementary harmony

Back to Library

Desatur8

8-color palette · Warm temperature · Light tone · Complementary harmony

Modify
Earthy 8 colors Warm Light Complementary pastel limited 8 desaturated
Likes 163
Colors 8

CSS variables

:root {
  --c-earthy-1: #F0F0EB;
  --c-earthy-2: #FFFF8F;
  --c-earthy-3: #7BE098;
  --c-earthy-4: #849AD8;
  --c-earthy-5: #E8B382;
  --c-earthy-6: #D8828E;
  --c-earthy-7: #A776C1;
  --c-earthy-8: #545155;
}

About this palette

This 8-color earthy palette runs from Cinque Foil (#FFFF8F) as its lightest tone to Soft Panther (#545155) as its darkest. It blends Traffic White, Cinque Foil, Enchanted Emerald, Portage, Tanaris Beige, I Pink I Can, Wisteria and Soft Panther into a single set you can drop straight into a UI. Of its 28 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFFF8F on #545155 at 7.43:1.

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

Color breakdown

Traffic White #F0F0EB
RGB
rgb(240, 240, 235)
HSL
hsl(60, 14%, 93%)
Luminance
0.868
Cinque Foil #FFFF8F
RGB
rgb(255, 255, 143)
HSL
hsl(60, 100%, 78%)
Luminance
0.948
Enchanted Emerald #7BE098
RGB
rgb(123, 224, 152)
HSL
hsl(137, 62%, 68%)
Luminance
0.598
Portage #849AD8
RGB
rgb(132, 154, 216)
HSL
hsl(224, 52%, 68%)
Luminance
0.330
Tanaris Beige #E8B382
RGB
rgb(232, 179, 130)
HSL
hsl(29, 69%, 71%)
Luminance
0.510
I Pink I Can #D8828E
RGB
rgb(216, 130, 142)
HSL
hsl(352, 52%, 68%)
Luminance
0.325
Wisteria #A776C1
RGB
rgb(167, 118, 193)
HSL
hsl(279, 38%, 61%)
Luminance
0.250
Soft Panther #545155
RGB
rgb(84, 81, 85)
HSL
hsl(285, 2%, 33%)
Luminance
0.084

Contrast & accessibility

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

Aa #FFFF8F on #545155 7.43:1 AAA
Aa #F0F0EB on #545155 6.84:1 AA
Aa #7BE098 on #545155 4.83:1 AA
Aa #E8B382 on #545155 4.17:1 AA Large
Aa #FFFF8F on #A776C1 3.32:1 AA Large
Aa #F0F0EB on #A776C1 3.06:1 AA Large
Aa #849AD8 on #545155 2.83:1 Fail
Aa #D8828E on #545155 2.79:1 Fail
Aa #FFFF8F on #D8828E 2.66:1 Fail
Aa #FFFF8F on #849AD8 2.63:1 Fail
Aa #F0F0EB on #D8828E 2.45:1 Fail
Aa #F0F0EB on #849AD8 2.42:1 Fail
Aa #A776C1 on #545155 2.24:1 Fail
Aa #7BE098 on #A776C1 2.16:1 Fail
Aa #E8B382 on #A776C1 1.87:1 Fail
Aa #FFFF8F on #E8B382 1.78:1 Fail
Aa #7BE098 on #D8828E 1.73:1 Fail
Aa #7BE098 on #849AD8 1.71:1 Fail
Aa #F0F0EB on #E8B382 1.64:1 Fail
Aa #FFFF8F on #7BE098 1.54:1 Fail
Aa #E8B382 on #D8828E 1.49:1 Fail
Aa #849AD8 on #E8B382 1.47:1 Fail
Aa #F0F0EB on #7BE098 1.42:1 Fail
Aa #849AD8 on #A776C1 1.26:1 Fail
Aa #D8828E on #A776C1 1.25:1 Fail
Aa #7BE098 on #E8B382 1.16:1 Fail
Aa #F0F0EB on #FFFF8F 1.09:1 Fail
Aa #849AD8 on #D8828E 1.01:1 Fail

Similar palettes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 colors
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 colors
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 colors
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 colors
#F38181 #FCE38A #EAFFD0 #95E1D3
4 colors
#B7C4CF #EEE3CB #D7C0AE #967E76
4 colors
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 colors
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 colors