Sign Up Sign Up
Cherry7

Cherry7

7-color palette · Warm · Mixed · Monochromatic harmony

Back to Library

Cherry7

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

Modify
Vibrant 7 colors Warm Mixed Monochromatic red 7 color 7 colour
Likes 98
Colors 7

CSS variables

:root {
  --c-vibrant-1: #FFDCDE;
  --c-vibrant-2: #FFB2B6;
  --c-vibrant-3: #FF868D;
  --c-vibrant-4: #F8414E;
  --c-vibrant-5: #D22247;
  --c-vibrant-6: #AD1544;
  --c-vibrant-7: #760F42;
}

About this palette

This 7-color vibrant palette runs from Rose Tonic (#FFDCDE) as its lightest tone to Her Fierceness (#760F42) as its darkest. It blends Rose Tonic, Wildflower Bouquet, Tulip, Sunburnt Cyclops, Pepper Jelly, Bloody Periphylla and Her Fierceness 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 #FFDCDE on #760F42 at 8.63:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Rose Tonic #FFDCDE
RGB
rgb(255, 220, 222)
HSL
hsl(357, 100%, 93%)
Luminance
0.777
Wildflower Bouquet #FFB2B6
RGB
rgb(255, 178, 182)
HSL
hsl(357, 100%, 85%)
Luminance
0.565
Tulip #FF868D
RGB
rgb(255, 134, 141)
HSL
hsl(357, 100%, 76%)
Luminance
0.402
Sunburnt Cyclops #F8414E
RGB
rgb(248, 65, 78)
HSL
hsl(356, 93%, 61%)
Luminance
0.243
Pepper Jelly #D22247
RGB
rgb(210, 34, 71)
HSL
hsl(347, 72%, 48%)
Luminance
0.153
Bloody Periphylla #AD1544
RGB
rgb(173, 21, 68)
HSL
hsl(341, 78%, 38%)
Luminance
0.098
Her Fierceness #760F42
RGB
rgb(118, 15, 66)
HSL
hsl(330, 77%, 26%)
Luminance
0.046

Contrast & accessibility

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

Aa #FFDCDE on #760F42 8.63:1 AAA
Aa #FFB2B6 on #760F42 6.41:1 AA
Aa #FFDCDE on #AD1544 5.57:1 AA
Aa #FF868D on #760F42 4.72:1 AA
Aa #FFB2B6 on #AD1544 4.14:1 AA Large
Aa #FFDCDE on #D22247 4.07:1 AA Large
Aa #F8414E on #760F42 3.06:1 AA Large
Aa #FF868D on #AD1544 3.05:1 AA Large
Aa #FFB2B6 on #D22247 3.03:1 AA Large
Aa #FFDCDE on #F8414E 2.82:1 Fail
Aa #FF868D on #D22247 2.23:1 Fail
Aa #D22247 on #760F42 2.12:1 Fail
Aa #FFB2B6 on #F8414E 2.10:1 Fail
Aa #F8414E on #AD1544 1.97:1 Fail
Aa #FFDCDE on #FF868D 1.83:1 Fail
Aa #AD1544 on #760F42 1.55:1 Fail
Aa #FF868D on #F8414E 1.54:1 Fail
Aa #F8414E on #D22247 1.44:1 Fail
Aa #D22247 on #AD1544 1.37:1 Fail
Aa #FFB2B6 on #FF868D 1.36:1 Fail
Aa #FFDCDE on #FFB2B6 1.35: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