Sign Up Sign Up
Heptarainbow

Heptarainbow

7-color palette · Warm · Mixed · Complementary harmony

Back to Library

Heptarainbow

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

Modify
Earthy 7 colors Warm Mixed Complementary 7 colorful saturated rainbow
Likes 44
Colors 7

CSS variables

:root {
  --c-earthy-1: #47346A;
  --c-earthy-2: #667B9D;
  --c-earthy-3: #97BFB5;
  --c-earthy-4: #EEEDDA;
  --c-earthy-5: #CCB5A7;
  --c-earthy-6: #B57E8F;
  --c-earthy-7: #914C89;
}

About this palette

This 7-color earthy palette runs from Cravat (#EEEDDA) as its lightest tone to Petunia (#47346A) as its darkest. It blends Petunia, Smoky Violet, Carnival Glass, Cravat, Rustic Rose, Degas Pink and Striking Purple 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 #47346A on #EEEDDA at 9.03:1.

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

Color breakdown

Petunia #47346A
RGB
rgb(71, 52, 106)
HSL
hsl(261, 34%, 31%)
Luminance
0.048
Smoky Violet #667B9D
RGB
rgb(102, 123, 157)
HSL
hsl(217, 22%, 51%)
Luminance
0.194
Carnival Glass #97BFB5
RGB
rgb(151, 191, 181)
HSL
hsl(165, 24%, 67%)
Luminance
0.472
Cravat #EEEDDA
RGB
rgb(238, 237, 218)
HSL
hsl(57, 37%, 89%)
Luminance
0.838
Rustic Rose #CCB5A7
RGB
rgb(204, 181, 167)
HSL
hsl(23, 27%, 73%)
Luminance
0.487
Degas Pink #B57E8F
RGB
rgb(181, 126, 143)
HSL
hsl(341, 27%, 60%)
Luminance
0.267
Striking Purple #914C89
RGB
rgb(145, 76, 137)
HSL
hsl(307, 31%, 43%)
Luminance
0.130

Contrast & accessibility

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

Aa #47346A on #EEEDDA 9.03:1 AAA
Aa #47346A on #CCB5A7 5.46:1 AA
Aa #47346A on #97BFB5 5.30:1 AA
Aa #EEEDDA on #914C89 4.94:1 AA
Aa #667B9D on #EEEDDA 3.64:1 AA Large
Aa #47346A on #B57E8F 3.23:1 AA Large
Aa #CCB5A7 on #914C89 2.98:1 Fail
Aa #97BFB5 on #914C89 2.90:1 Fail
Aa #EEEDDA on #B57E8F 2.80:1 Fail
Aa #47346A on #667B9D 2.48:1 Fail
Aa #667B9D on #CCB5A7 2.20:1 Fail
Aa #667B9D on #97BFB5 2.14:1 Fail
Aa #47346A on #914C89 1.83:1 Fail
Aa #B57E8F on #914C89 1.76:1 Fail
Aa #97BFB5 on #EEEDDA 1.70:1 Fail
Aa #CCB5A7 on #B57E8F 1.69:1 Fail
Aa #EEEDDA on #CCB5A7 1.65:1 Fail
Aa #97BFB5 on #B57E8F 1.64:1 Fail
Aa #667B9D on #914C89 1.36:1 Fail
Aa #667B9D on #B57E8F 1.30:1 Fail
Aa #97BFB5 on #CCB5A7 1.03: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