Sign Up Sign Up
Dusty Pastel

Dusty Pastel

10-color palette · Cool · Mixed · Complementary harmony

Back to Library

Dusty Pastel

10-color palette · Cool temperature · Mixed tone · Complementary harmony

Modify
Earthy 10 colors Cool Mixed Complementary collab inverted invertipalette timmy
Likes 20
Colors 10

CSS variables

:root {
  --c-earthy-1: #152020;
  --c-earthy-2: #659F71;
  --c-earthy-3: #378A77;
  --c-earthy-4: #9A608E;
  --c-earthy-5: #C87588;
  --c-earthy-6: #5C84AC;
  --c-earthy-7: #322E76;
  --c-earthy-8: #CDD189;
  --c-earthy-9: #A37B53;
  --c-earthy-10: #EADFDF;
}

About this palette

This 10-color earthy palette runs from Parasol (#EADFDF) as its lightest tone to Black Emerald (#152020) as its darkest. It blends Black Emerald, Treelet, Ionian, Raspberry Jelly Red, Long Spring, Navigator, Ballpoint Indigo, Sunken Treasure, Burnt Butter and Parasol into a single set you can drop straight into a UI. Of its 45 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #152020 on #EADFDF at 12.8:1.

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

Color breakdown

Black Emerald #152020
RGB
rgb(21, 32, 32)
HSL
hsl(180, 21%, 10%)
Luminance
0.013
Treelet #659F71
RGB
rgb(101, 159, 113)
HSL
hsl(132, 23%, 51%)
Luminance
0.288
Ionian #378A77
RGB
rgb(55, 138, 119)
HSL
hsl(166, 43%, 38%)
Luminance
0.203
Raspberry Jelly Red #9A608E
RGB
rgb(154, 96, 142)
HSL
hsl(312, 23%, 49%)
Luminance
0.172
Long Spring #C87588
RGB
rgb(200, 117, 136)
HSL
hsl(346, 43%, 62%)
Luminance
0.268
Navigator #5C84AC
RGB
rgb(92, 132, 172)
HSL
hsl(210, 33%, 52%)
Luminance
0.218
Ballpoint Indigo #322E76
RGB
rgb(50, 46, 118)
HSL
hsl(243, 44%, 32%)
Luminance
0.039
Sunken Treasure #CDD189
RGB
rgb(205, 209, 137)
HSL
hsl(63, 44%, 68%)
Luminance
0.604
Burnt Butter #A37B53
RGB
rgb(163, 123, 83)
HSL
hsl(30, 33%, 48%)
Luminance
0.226
Parasol #EADFDF
RGB
rgb(234, 223, 223)
HSL
hsl(0, 21%, 90%)
Luminance
0.756

Contrast & accessibility

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

Aa #152020 on #EADFDF 12.80:1 AAA
Aa #152020 on #CDD189 10.38:1 AAA
Aa #322E76 on #EADFDF 9.02:1 AAA
Aa #322E76 on #CDD189 7.31:1 AAA
Aa #152020 on #659F71 5.36:1 AA
Aa #152020 on #C87588 5.05:1 AA
Aa #152020 on #A37B53 4.38:1 AA Large
Aa #152020 on #5C84AC 4.25:1 AA Large
Aa #152020 on #378A77 4.02:1 AA Large
Aa #659F71 on #322E76 3.78:1 AA Large
Aa #9A608E on #EADFDF 3.63:1 AA Large
Aa #C87588 on #322E76 3.55:1 AA Large
Aa #152020 on #9A608E 3.52:1 AA Large
Aa #378A77 on #EADFDF 3.18:1 AA Large
Aa #322E76 on #A37B53 3.08:1 AA Large
Aa #5C84AC on #EADFDF 3.01:1 AA Large
Aa #5C84AC on #322E76 2.99:1 Fail
Aa #9A608E on #CDD189 2.95:1 Fail
Aa #A37B53 on #EADFDF 2.92:1 Fail
Aa #378A77 on #322E76 2.83:1 Fail
Aa #378A77 on #CDD189 2.58:1 Fail
Aa #C87588 on #EADFDF 2.54:1 Fail
Aa #9A608E on #322E76 2.48:1 Fail
Aa #5C84AC on #CDD189 2.44:1 Fail
Aa #659F71 on #EADFDF 2.39:1 Fail
Aa #CDD189 on #A37B53 2.37:1 Fail
Aa #C87588 on #CDD189 2.06:1 Fail
Aa #659F71 on #CDD189 1.94:1 Fail
Aa #659F71 on #9A608E 1.52:1 Fail
Aa #9A608E on #C87588 1.43:1 Fail
Aa #152020 on #322E76 1.42:1 Fail
Aa #659F71 on #378A77 1.33:1 Fail
Aa #659F71 on #5C84AC 1.26:1 Fail
Aa #378A77 on #C87588 1.26:1 Fail
Aa #9A608E on #A37B53 1.24:1 Fail
Aa #CDD189 on #EADFDF 1.23:1 Fail
Aa #659F71 on #A37B53 1.22:1 Fail
Aa #9A608E on #5C84AC 1.21:1 Fail
Aa #C87588 on #5C84AC 1.19:1 Fail
Aa #C87588 on #A37B53 1.15:1 Fail
Aa #378A77 on #9A608E 1.14:1 Fail
Aa #378A77 on #A37B53 1.09:1 Fail
Aa #659F71 on #C87588 1.06:1 Fail
Aa #378A77 on #5C84AC 1.06:1 Fail
Aa #5C84AC on #A37B53 1.03:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors