Sign Up Sign Up
Candy Heart

Candy Heart

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

Candy Heart

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

Modify
Vibrant 8 colors Warm Mixed Complementary pink blue candy palette
Likes 29
Colors 8

CSS variables

:root {
  --c-vibrant-1: #4B003B;
  --c-vibrant-2: #AD215B;
  --c-vibrant-3: #FF3179;
  --c-vibrant-4: #FF56AA;
  --c-vibrant-5: #F6AAFF;
  --c-vibrant-6: #E1FDFF;
  --c-vibrant-7: #70E2FF;
  --c-vibrant-8: #469CF2;
}

About this palette

This 8-color vibrant palette runs from Matterhorn Snow (#E1FDFF) as its lightest tone to Jacarta (#4B003B) as its darkest. It blends Jacarta, Murderous Magenta, Lilac Lotion, Pink Katydid, Rich Brilliant Lavender, Matterhorn Snow, Athena Blue and Perfect Days into a single set you can drop straight into a UI. Of its 28 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #4B003B on #E1FDFF at 14.46:1.

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

Color breakdown

Jacarta #4B003B
RGB
rgb(75, 0, 59)
HSL
hsl(313, 100%, 15%)
Luminance
0.018
Murderous Magenta #AD215B
RGB
rgb(173, 33, 91)
HSL
hsl(335, 68%, 40%)
Luminance
0.107
Lilac Lotion #FF3179
RGB
rgb(255, 49, 121)
HSL
hsl(339, 100%, 60%)
Luminance
0.248
Pink Katydid #FF56AA
RGB
rgb(255, 86, 170)
HSL
hsl(330, 100%, 67%)
Luminance
0.308
Rich Brilliant Lavender #F6AAFF
RGB
rgb(246, 170, 255)
HSL
hsl(294, 100%, 83%)
Luminance
0.556
Matterhorn Snow #E1FDFF
RGB
rgb(225, 253, 255)
HSL
hsl(184, 100%, 94%)
Luminance
0.935
Athena Blue #70E2FF
RGB
rgb(112, 226, 255)
HSL
hsl(192, 100%, 72%)
Luminance
0.651
Perfect Days #469CF2
RGB
rgb(70, 156, 242)
HSL
hsl(210, 87%, 61%)
Luminance
0.315

Contrast & accessibility

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

Aa #4B003B on #E1FDFF 14.46:1 AAA
Aa #4B003B on #70E2FF 10.28:1 AAA
Aa #4B003B on #F6AAFF 8.89:1 AAA
Aa #AD215B on #E1FDFF 6.26:1 AA
Aa #4B003B on #469CF2 5.36:1 AA
Aa #4B003B on #FF56AA 5.26:1 AA
Aa #AD215B on #70E2FF 4.45:1 AA Large
Aa #4B003B on #FF3179 4.38:1 AA Large
Aa #AD215B on #F6AAFF 3.85:1 AA Large
Aa #FF3179 on #E1FDFF 3.30:1 AA Large
Aa #FF56AA on #E1FDFF 2.75:1 Fail
Aa #E1FDFF on #469CF2 2.70:1 Fail
Aa #FF3179 on #70E2FF 2.35:1 Fail
Aa #AD215B on #469CF2 2.32:1 Fail
Aa #4B003B on #AD215B 2.31:1 Fail
Aa #AD215B on #FF56AA 2.28:1 Fail
Aa #FF3179 on #F6AAFF 2.03:1 Fail
Aa #FF56AA on #70E2FF 1.96:1 Fail
Aa #70E2FF on #469CF2 1.92:1 Fail
Aa #AD215B on #FF3179 1.90:1 Fail
Aa #FF56AA on #F6AAFF 1.69:1 Fail
Aa #F6AAFF on #469CF2 1.66:1 Fail
Aa #F6AAFF on #E1FDFF 1.63:1 Fail
Aa #E1FDFF on #70E2FF 1.41:1 Fail
Aa #FF3179 on #469CF2 1.22:1 Fail
Aa #FF3179 on #FF56AA 1.20:1 Fail
Aa #F6AAFF on #70E2FF 1.16:1 Fail
Aa #FF56AA on #469CF2 1.02: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