Sign Up Sign Up
High Heavens

High Heavens

5-color palette · Warm · Light · Triadic harmony

Back to Library

High Heavens

5-color palette · Warm temperature · Light tone · Triadic harmony

Modify
Earthy 5 colors Warm Light Triadic
Likes 64
Colors 5

CSS variables

:root {
  --c-earthy-1: #FCF1DF;
  --c-earthy-2: #F0BFB2;
  --c-earthy-3: #DB80AC;
  --c-earthy-4: #A85D8B;
  --c-earthy-5: #654C70;
}

About this palette

This 5-color earthy palette runs from Moon Valley (#FCF1DF) as its lightest tone to Futaai Indigo (#654C70) as its darkest. It blends Moon Valley, Jazz Age Coral, Middle Purple, Cyclamen Red and Futaai Indigo into a single set you can drop straight into a UI. Of its 10 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FCF1DF on #654C70 at 6.66:1.

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

Color breakdown

Moon Valley #FCF1DF
RGB
rgb(252, 241, 223)
HSL
hsl(37, 83%, 93%)
Luminance
0.889
Jazz Age Coral #F0BFB2
RGB
rgb(240, 191, 178)
HSL
hsl(13, 67%, 82%)
Luminance
0.590
Middle Purple #DB80AC
RGB
rgb(219, 128, 172)
HSL
hsl(331, 56%, 68%)
Luminance
0.335
Cyclamen Red #A85D8B
RGB
rgb(168, 93, 139)
HSL
hsl(323, 30%, 51%)
Luminance
0.180
Futaai Indigo #654C70
RGB
rgb(101, 76, 112)
HSL
hsl(282, 19%, 37%)
Luminance
0.091

Contrast & accessibility

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

Aa #FCF1DF on #654C70 6.66:1 AA
Aa #F0BFB2 on #654C70 4.54:1 AA
Aa #FCF1DF on #A85D8B 4.08:1 AA Large
Aa #F0BFB2 on #A85D8B 2.78:1 Fail
Aa #DB80AC on #654C70 2.73:1 Fail
Aa #FCF1DF on #DB80AC 2.44:1 Fail
Aa #DB80AC on #A85D8B 1.67:1 Fail
Aa #F0BFB2 on #DB80AC 1.66:1 Fail
Aa #A85D8B on #654C70 1.63:1 Fail
Aa #FCF1DF on #F0BFB2 1.47: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