Sign Up Sign Up
Cherry Poptarts

Cherry Poptarts

5-color palette · Warm · Mixed · Analogous harmony

Back to Library

Cherry Poptarts

5-color palette · Warm temperature · Mixed tone · Analogous harmony

Modify
Vibrant 5 colors Warm Mixed Analogous
Likes 24
Colors 5

CSS variables

:root {
  --c-vibrant-1: #F7C38A;
  --c-vibrant-2: #FF8D8D;
  --c-vibrant-3: #FF6666;
  --c-vibrant-4: #A81734;
  --c-vibrant-5: #620D1E;
}

About this palette

This 5-color vibrant palette runs from Arts & Crafts Gold (#F7C38A) as its lightest tone to Forbidden Passion (#620D1E) as its darkest. It blends Arts & Crafts Gold, Coral Trails, Pompelmo, Melancholic Macaw and Forbidden Passion into a single set you can drop straight into a UI. Of its 10 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F7C38A on #620D1E at 8.23:1.

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

Color breakdown

Arts & Crafts Gold #F7C38A
RGB
rgb(247, 195, 138)
HSL
hsl(31, 87%, 75%)
Luminance
0.606
Coral Trails #FF8D8D
RGB
rgb(255, 141, 141)
HSL
hsl(0, 100%, 78%)
Luminance
0.422
Pompelmo #FF6666
RGB
rgb(255, 102, 102)
HSL
hsl(0, 100%, 70%)
Luminance
0.317
Melancholic Macaw #A81734
RGB
rgb(168, 23, 52)
HSL
hsl(348, 76%, 37%)
Luminance
0.092
Forbidden Passion #620D1E
RGB
rgb(98, 13, 30)
HSL
hsl(348, 77%, 22%)
Luminance
0.030

Contrast & accessibility

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

Aa #F7C38A on #620D1E 8.23:1 AAA
Aa #FF8D8D on #620D1E 5.92:1 AA
Aa #F7C38A on #A81734 4.63:1 AA
Aa #FF6666 on #620D1E 4.60:1 AA
Aa #FF8D8D on #A81734 3.33:1 AA Large
Aa #FF6666 on #A81734 2.59:1 Fail
Aa #F7C38A on #FF6666 1.79:1 Fail
Aa #A81734 on #620D1E 1.78:1 Fail
Aa #F7C38A on #FF8D8D 1.39:1 Fail
Aa #FF8D8D on #FF6666 1.29: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