Sign Up Sign Up
SweetHope

SweetHope

8-color palette · Cool · Light · Complementary harmony

Back to Library

SweetHope

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

Modify
Earthy 8 colors Cool Light Complementary artist pastel 8 saturated
Likes 382
Colors 8

CSS variables

:root {
  --c-earthy-1: #615E85;
  --c-earthy-2: #9C8DC2;
  --c-earthy-3: #D9A3CD;
  --c-earthy-4: #EBC3A7;
  --c-earthy-5: #E0E0DC;
  --c-earthy-6: #A3D1AF;
  --c-earthy-7: #90B4DE;
  --c-earthy-8: #717FB0;
}

About this palette

This 8-color earthy palette runs from City Brume (#E0E0DC) as its lightest tone to Purple Balloon (#615E85) as its darkest. It blends Purple Balloon, Hermosa, Chateau Rose, Alesan, City Brume, Merrylyn, Echo Isles Water and Venture Violet into a single set you can drop straight into a UI. Of its 28 color pairings, 1 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #615E85 on #E0E0DC at 4.6:1.

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

Color breakdown

Purple Balloon #615E85
RGB
rgb(97, 94, 133)
HSL
hsl(245, 17%, 45%)
Luminance
0.122
Hermosa #9C8DC2
RGB
rgb(156, 141, 194)
HSL
hsl(257, 30%, 66%)
Luminance
0.300
Chateau Rose #D9A3CD
RGB
rgb(217, 163, 205)
HSL
hsl(313, 42%, 75%)
Luminance
0.454
Alesan #EBC3A7
RGB
rgb(235, 195, 167)
HSL
hsl(25, 63%, 79%)
Luminance
0.595
City Brume #E0E0DC
RGB
rgb(224, 224, 220)
HSL
hsl(60, 6%, 87%)
Luminance
0.743
Merrylyn #A3D1AF
RGB
rgb(163, 209, 175)
HSL
hsl(136, 33%, 73%)
Luminance
0.565
Echo Isles Water #90B4DE
RGB
rgb(144, 180, 222)
HSL
hsl(212, 54%, 72%)
Luminance
0.439
Venture Violet #717FB0
RGB
rgb(113, 127, 176)
HSL
hsl(227, 29%, 57%)
Luminance
0.218

Contrast & accessibility

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

Aa #615E85 on #E0E0DC 4.60:1 AA
Aa #615E85 on #EBC3A7 3.74:1 AA Large
Aa #615E85 on #A3D1AF 3.57:1 AA Large
Aa #E0E0DC on #717FB0 2.96:1 Fail
Aa #615E85 on #D9A3CD 2.92:1 Fail
Aa #615E85 on #90B4DE 2.83:1 Fail
Aa #EBC3A7 on #717FB0 2.40:1 Fail
Aa #A3D1AF on #717FB0 2.29:1 Fail
Aa #9C8DC2 on #E0E0DC 2.27:1 Fail
Aa #615E85 on #9C8DC2 2.03:1 Fail
Aa #D9A3CD on #717FB0 1.88:1 Fail
Aa #9C8DC2 on #EBC3A7 1.84:1 Fail
Aa #90B4DE on #717FB0 1.82:1 Fail
Aa #9C8DC2 on #A3D1AF 1.76:1 Fail
Aa #E0E0DC on #90B4DE 1.62:1 Fail
Aa #D9A3CD on #E0E0DC 1.58:1 Fail
Aa #615E85 on #717FB0 1.56:1 Fail
Aa #9C8DC2 on #D9A3CD 1.44:1 Fail
Aa #9C8DC2 on #90B4DE 1.40:1 Fail
Aa #EBC3A7 on #90B4DE 1.32:1 Fail
Aa #9C8DC2 on #717FB0 1.31:1 Fail
Aa #E0E0DC on #A3D1AF 1.29:1 Fail
Aa #D9A3CD on #EBC3A7 1.28:1 Fail
Aa #A3D1AF on #90B4DE 1.26:1 Fail
Aa #EBC3A7 on #E0E0DC 1.23:1 Fail
Aa #D9A3CD on #A3D1AF 1.22:1 Fail
Aa #EBC3A7 on #A3D1AF 1.05:1 Fail
Aa #D9A3CD on #90B4DE 1.03: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