Sign Up Sign Up
Delicious Purple Candy

Delicious Purple Candy

8-color palette · Warm · Mixed · Analogous harmony

Back to Library

Delicious Purple Candy

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

Modify
Vibrant 8 colors Warm Mixed Analogous purple cool analogous
Likes 42
Colors 8

CSS variables

:root {
  --c-vibrant-1: #07002B;
  --c-vibrant-2: #2A017B;
  --c-vibrant-3: #5D0FA2;
  --c-vibrant-4: #8F2DBC;
  --c-vibrant-5: #C659D9;
  --c-vibrant-6: #E782DE;
  --c-vibrant-7: #FFB7EE;
  --c-vibrant-8: #FFE3F4;
}

About this palette

This 8-color vibrant palette runs from Bunny Tail (#FFE3F4) as its lightest tone to Insomnia (#07002B) as its darkest. It blends Insomnia, Child of the Night, Indiviolet Sunset, Pheromone Purple, Thick Pink, Lavender Magenta, Pink Quartz and Bunny Tail into a single set you can drop straight into a UI. Of its 28 color pairings, 10 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #07002B on #FFE3F4 at 16.81:1.

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

Color breakdown

Insomnia #07002B
RGB
rgb(7, 0, 43)
HSL
hsl(250, 100%, 8%)
Luminance
0.002
Child of the Night #2A017B
RGB
rgb(42, 1, 123)
HSL
hsl(260, 98%, 24%)
Luminance
0.019
Indiviolet Sunset #5D0FA2
RGB
rgb(93, 15, 162)
HSL
hsl(272, 83%, 35%)
Luminance
0.053
Pheromone Purple #8F2DBC
RGB
rgb(143, 45, 188)
HSL
hsl(281, 61%, 46%)
Luminance
0.114
Thick Pink #C659D9
RGB
rgb(198, 89, 217)
HSL
hsl(291, 63%, 60%)
Luminance
0.242
Lavender Magenta #E782DE
RGB
rgb(231, 130, 222)
HSL
hsl(305, 68%, 71%)
Luminance
0.382
Pink Quartz #FFB7EE
RGB
rgb(255, 183, 238)
HSL
hsl(314, 100%, 86%)
Luminance
0.613
Bunny Tail #FFE3F4
RGB
rgb(255, 227, 244)
HSL
hsl(324, 100%, 95%)
Luminance
0.827

Contrast & accessibility

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

Aa #07002B on #FFE3F4 16.81:1 AAA
Aa #07002B on #FFB7EE 12.70:1 AAA
Aa #2A017B on #FFE3F4 12.63:1 AAA
Aa #2A017B on #FFB7EE 9.55:1 AAA
Aa #5D0FA2 on #FFE3F4 8.54:1 AAA
Aa #07002B on #E782DE 8.28:1 AAA
Aa #5D0FA2 on #FFB7EE 6.45:1 AA
Aa #2A017B on #E782DE 6.23:1 AA
Aa #07002B on #C659D9 5.59:1 AA
Aa #8F2DBC on #FFE3F4 5.37:1 AA
Aa #5D0FA2 on #E782DE 4.21:1 AA Large
Aa #2A017B on #C659D9 4.20:1 AA Large
Aa #8F2DBC on #FFB7EE 4.06:1 AA Large
Aa #07002B on #8F2DBC 3.13:1 AA Large
Aa #C659D9 on #FFE3F4 3.01:1 AA Large
Aa #5D0FA2 on #C659D9 2.84:1 Fail
Aa #8F2DBC on #E782DE 2.64:1 Fail
Aa #2A017B on #8F2DBC 2.35:1 Fail
Aa #C659D9 on #FFB7EE 2.27:1 Fail
Aa #E782DE on #FFE3F4 2.03:1 Fail
Aa #07002B on #5D0FA2 1.97:1 Fail
Aa #8F2DBC on #C659D9 1.78:1 Fail
Aa #5D0FA2 on #8F2DBC 1.59:1 Fail
Aa #E782DE on #FFB7EE 1.53:1 Fail
Aa #2A017B on #5D0FA2 1.48:1 Fail
Aa #C659D9 on #E782DE 1.48:1 Fail
Aa #07002B on #2A017B 1.33:1 Fail
Aa #FFB7EE on #FFE3F4 1.32: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