Sign Up Sign Up
Coiling Sky

Coiling Sky

7-color palette · Warm · Mixed · Complementary harmony

Back to Library

Coiling Sky

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

Modify
Earthy 7 colors Warm Mixed Complementary blueishyellowishred
Likes 11
Colors 7

CSS variables

:root {
  --c-earthy-1: #E6D996;
  --c-earthy-2: #FCCBCB;
  --c-earthy-3: #78B3D6;
  --c-earthy-4: #D86969;
  --c-earthy-5: #4F7969;
  --c-earthy-6: #DEE3E2;
  --c-earthy-7: #4B372C;
}

About this palette

This 7-color earthy palette runs from Zircon (#DEE3E2) as its lightest tone to Peat Moss (#4B372C) as its darkest. It blends Subtle Sunshine, Elegant Light Rose, Meadow Blossom Blue, Red Geranium, Double Jeopardy, Zircon and Peat Moss into a single set you can drop straight into a UI. Of its 21 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #DEE3E2 on #4B372C at 8.6:1.

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

Color breakdown

Subtle Sunshine #E6D996
RGB
rgb(230, 217, 150)
HSL
hsl(50, 62%, 75%)
Luminance
0.687
Elegant Light Rose #FCCBCB
RGB
rgb(252, 203, 203)
HSL
hsl(0, 89%, 89%)
Luminance
0.677
Meadow Blossom Blue #78B3D6
RGB
rgb(120, 179, 214)
HSL
hsl(202, 53%, 65%)
Luminance
0.411
Red Geranium #D86969
RGB
rgb(216, 105, 105)
HSL
hsl(0, 59%, 63%)
Luminance
0.257
Double Jeopardy #4F7969
RGB
rgb(79, 121, 105)
HSL
hsl(157, 21%, 39%)
Luminance
0.164
Zircon #DEE3E2
RGB
rgb(222, 227, 226)
HSL
hsl(168, 8%, 88%)
Luminance
0.760
Peat Moss #4B372C
RGB
rgb(75, 55, 44)
HSL
hsl(21, 26%, 23%)
Luminance
0.044

Contrast & accessibility

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

Aa #DEE3E2 on #4B372C 8.60:1 AAA
Aa #E6D996 on #4B372C 7.83:1 AAA
Aa #FCCBCB on #4B372C 7.73:1 AAA
Aa #78B3D6 on #4B372C 4.90:1 AA
Aa #4F7969 on #DEE3E2 3.79:1 AA Large
Aa #E6D996 on #4F7969 3.45:1 AA Large
Aa #FCCBCB on #4F7969 3.40:1 AA Large
Aa #D86969 on #4B372C 3.26:1 AA Large
Aa #D86969 on #DEE3E2 2.64:1 Fail
Aa #E6D996 on #D86969 2.40:1 Fail
Aa #FCCBCB on #D86969 2.37:1 Fail
Aa #4F7969 on #4B372C 2.27:1 Fail
Aa #78B3D6 on #4F7969 2.16:1 Fail
Aa #78B3D6 on #DEE3E2 1.76:1 Fail
Aa #E6D996 on #78B3D6 1.60:1 Fail
Aa #FCCBCB on #78B3D6 1.58:1 Fail
Aa #78B3D6 on #D86969 1.50:1 Fail
Aa #D86969 on #4F7969 1.44:1 Fail
Aa #FCCBCB on #DEE3E2 1.11:1 Fail
Aa #E6D996 on #DEE3E2 1.10:1 Fail
Aa #E6D996 on #FCCBCB 1.01: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