Sign Up Sign Up
Sky5

Sky5

7-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Sky5

7-color palette · Neutral temperature · Mixed tone · Complementary harmony

Modify
Earthy 7 colors Neutral Mixed Complementary
Likes 25
Colors 7

CSS variables

:root {
  --c-earthy-1: #C7AC5B;
  --c-earthy-2: #DBD879;
  --c-earthy-3: #DFD59E;
  --c-earthy-4: #ECECD2;
  --c-earthy-5: #8EB3AF;
  --c-earthy-6: #768FA3;
  --c-earthy-7: #627087;
}

About this palette

This 7-color earthy palette runs from Budding Fern (#ECECD2) as its lightest tone to Blue Cloud (#627087) as its darkest. It blends Laser, Moist Gold, Twinkle Toes, Budding Fern, Undersea, Blue Grey and Blue Cloud into a single set you can drop straight into a UI. None of the 21 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

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

Color breakdown

Laser #C7AC5B
RGB
rgb(199, 172, 91)
HSL
hsl(45, 49%, 57%)
Luminance
0.424
Moist Gold #DBD879
RGB
rgb(219, 216, 121)
HSL
hsl(58, 58%, 67%)
Luminance
0.656
Twinkle Toes #DFD59E
RGB
rgb(223, 213, 158)
HSL
hsl(51, 50%, 75%)
Luminance
0.658
Budding Fern #ECECD2
RGB
rgb(236, 236, 210)
HSL
hsl(60, 41%, 87%)
Luminance
0.825
Undersea #8EB3AF
RGB
rgb(142, 179, 175)
HSL
hsl(174, 20%, 63%)
Luminance
0.411
Blue Grey #768FA3
RGB
rgb(118, 143, 163)
HSL
hsl(207, 20%, 55%)
Luminance
0.261
Blue Cloud #627087
RGB
rgb(98, 112, 135)
HSL
hsl(217, 16%, 46%)
Luminance
0.159

Contrast & accessibility

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

Aa #ECECD2 on #627087 4.18:1 AA Large
Aa #DFD59E on #627087 3.38:1 AA Large
Aa #DBD879 on #627087 3.37:1 AA Large
Aa #ECECD2 on #768FA3 2.81:1 Fail
Aa #DBD879 on #768FA3 2.27:1 Fail
Aa #DFD59E on #768FA3 2.27:1 Fail
Aa #C7AC5B on #627087 2.26:1 Fail
Aa #8EB3AF on #627087 2.20:1 Fail
Aa #ECECD2 on #8EB3AF 1.90:1 Fail
Aa #C7AC5B on #ECECD2 1.85:1 Fail
Aa #DFD59E on #8EB3AF 1.54:1 Fail
Aa #DBD879 on #8EB3AF 1.53:1 Fail
Aa #C7AC5B on #768FA3 1.52:1 Fail
Aa #C7AC5B on #DBD879 1.49:1 Fail
Aa #C7AC5B on #DFD59E 1.49:1 Fail
Aa #768FA3 on #627087 1.49:1 Fail
Aa #8EB3AF on #768FA3 1.48:1 Fail
Aa #DBD879 on #ECECD2 1.24:1 Fail
Aa #DFD59E on #ECECD2 1.24:1 Fail
Aa #C7AC5B on #8EB3AF 1.03:1 Fail
Aa #DBD879 on #DFD59E 1.00:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors