Sign Up Sign Up
Crystal Ball

Crystal Ball

7-color palette · Cool · Light · Complementary harmony

Back to Library

Crystal Ball

7-color palette · Cool temperature · Light tone · Complementary harmony

Modify
Earthy 7 colors Cool Light Complementary green pink blue mystical
Likes 48
Colors 7

CSS variables

:root {
  --c-earthy-1: #37497B;
  --c-earthy-2: #3D7188;
  --c-earthy-3: #7FB0A5;
  --c-earthy-4: #ABBDC0;
  --c-earthy-5: #DBCBDF;
  --c-earthy-6: #FFD6F6;
  --c-earthy-7: #FEF1E8;
}

About this palette

This 7-color earthy palette runs from Pico Ivory (#FEF1E8) as its lightest tone to Expressionism (#37497B) as its darkest. It blends Expressionism, Calypso, Green Room, Alpine Haze, Grape Glimmer, Sweet Sachet and Pico Ivory 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 #37497B on #FEF1E8 at 7.9:1.

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

Color breakdown

Expressionism #37497B
RGB
rgb(55, 73, 123)
HSL
hsl(224, 38%, 35%)
Luminance
0.070
Calypso #3D7188
RGB
rgb(61, 113, 136)
HSL
hsl(198, 38%, 39%)
Luminance
0.146
Green Room #7FB0A5
RGB
rgb(127, 176, 165)
HSL
hsl(167, 24%, 59%)
Luminance
0.383
Alpine Haze #ABBDC0
RGB
rgb(171, 189, 192)
HSL
hsl(189, 14%, 71%)
Luminance
0.489
Grape Glimmer #DBCBDF
RGB
rgb(219, 203, 223)
HSL
hsl(288, 24%, 84%)
Luminance
0.631
Sweet Sachet #FFD6F6
RGB
rgb(255, 214, 246)
HSL
hsl(313, 100%, 92%)
Luminance
0.760
Pico Ivory #FEF1E8
RGB
rgb(254, 241, 232)
HSL
hsl(25, 92%, 95%)
Luminance
0.898

Contrast & accessibility

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

Aa #37497B on #FEF1E8 7.90:1 AAA
Aa #37497B on #FFD6F6 6.75:1 AA
Aa #37497B on #DBCBDF 5.67:1 AA
Aa #3D7188 on #FEF1E8 4.84:1 AA
Aa #37497B on #ABBDC0 4.49:1 AA Large
Aa #3D7188 on #FFD6F6 4.14:1 AA Large
Aa #37497B on #7FB0A5 3.60:1 AA Large
Aa #3D7188 on #DBCBDF 3.48:1 AA Large
Aa #3D7188 on #ABBDC0 2.75:1 Fail
Aa #3D7188 on #7FB0A5 2.21:1 Fail
Aa #7FB0A5 on #FEF1E8 2.19:1 Fail
Aa #7FB0A5 on #FFD6F6 1.87:1 Fail
Aa #ABBDC0 on #FEF1E8 1.76:1 Fail
Aa #37497B on #3D7188 1.63:1 Fail
Aa #7FB0A5 on #DBCBDF 1.57:1 Fail
Aa #ABBDC0 on #FFD6F6 1.50:1 Fail
Aa #DBCBDF on #FEF1E8 1.39:1 Fail
Aa #ABBDC0 on #DBCBDF 1.26:1 Fail
Aa #7FB0A5 on #ABBDC0 1.24:1 Fail
Aa #DBCBDF on #FFD6F6 1.19:1 Fail
Aa #FFD6F6 on #FEF1E8 1.17:1 Fail

Similar palettes

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 colors
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 colors
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 colors
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 colors
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 colors
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 colors
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 colors
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 colors