Sign Up Sign Up
S Lucky

S Lucky

7-color palette · Cool · Mixed · Complementary harmony

Back to Library

S Lucky

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

Modify
Earthy 7 colors Cool Mixed Complementary 7 artist colorful anubiarts
Likes 84
Colors 7

CSS variables

:root {
  --c-earthy-1: #AB6187;
  --c-earthy-2: #EBC686;
  --c-earthy-3: #D8E8E6;
  --c-earthy-4: #65DB73;
  --c-earthy-5: #709DCF;
  --c-earthy-6: #5A687D;
  --c-earthy-7: #211E33;
}

About this palette

This 7-color earthy palette runs from Frozen Mint (#D8E8E6) as its lightest tone to Black Howl (#211E33) as its darkest. It blends Wild Mulberry, Garbanzo Paste, Frozen Mint, Pastel Green, Ice Blue, Spinning Blue and Black Howl 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 #D8E8E6 on #211E33 at 12.79:1.

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

Color breakdown

Wild Mulberry #AB6187
RGB
rgb(171, 97, 135)
HSL
hsl(329, 31%, 53%)
Luminance
0.190
Garbanzo Paste #EBC686
RGB
rgb(235, 198, 134)
HSL
hsl(38, 72%, 72%)
Luminance
0.598
Frozen Mint #D8E8E6
RGB
rgb(216, 232, 230)
HSL
hsl(173, 26%, 88%)
Luminance
0.780
Pastel Green #65DB73
RGB
rgb(101, 219, 115)
HSL
hsl(127, 62%, 63%)
Luminance
0.547
Ice Blue #709DCF
RGB
rgb(112, 157, 207)
HSL
hsl(212, 50%, 63%)
Luminance
0.321
Spinning Blue #5A687D
RGB
rgb(90, 104, 125)
HSL
hsl(216, 16%, 42%)
Luminance
0.136
Black Howl #211E33
RGB
rgb(33, 30, 51)
HSL
hsl(249, 26%, 16%)
Luminance
0.015

Contrast & accessibility

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

Aa #D8E8E6 on #211E33 12.79:1 AAA
Aa #EBC686 on #211E33 9.98:1 AAA
Aa #65DB73 on #211E33 9.19:1 AAA
Aa #709DCF on #211E33 5.71:1 AA
Aa #D8E8E6 on #5A687D 4.47:1 AA Large
Aa #AB6187 on #211E33 3.69:1 AA Large
Aa #EBC686 on #5A687D 3.49:1 AA Large
Aa #AB6187 on #D8E8E6 3.47:1 AA Large
Aa #65DB73 on #5A687D 3.22:1 AA Large
Aa #5A687D on #211E33 2.86:1 Fail
Aa #AB6187 on #EBC686 2.70:1 Fail
Aa #AB6187 on #65DB73 2.49:1 Fail
Aa #D8E8E6 on #709DCF 2.24:1 Fail
Aa #709DCF on #5A687D 2.00:1 Fail
Aa #EBC686 on #709DCF 1.75:1 Fail
Aa #65DB73 on #709DCF 1.61:1 Fail
Aa #AB6187 on #709DCF 1.55:1 Fail
Aa #D8E8E6 on #65DB73 1.39:1 Fail
Aa #AB6187 on #5A687D 1.29:1 Fail
Aa #EBC686 on #D8E8E6 1.28:1 Fail
Aa #EBC686 on #65DB73 1.09:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors