Sign Up Sign Up
Cotten Candy 5

Cotten Candy 5

5-color palette · Warm · Light · Triadic harmony

Back to Library

Cotten Candy 5

5-color palette · Warm temperature · Light tone · Triadic harmony

Modify
Vibrant 5 colors Warm Light Triadic vibrant pink blue pastel
Likes 26
Colors 5

CSS variables

:root {
  --c-vibrant-1: #5DD2E4;
  --c-vibrant-2: #FDF4CC;
  --c-vibrant-3: #FDD96A;
  --c-vibrant-4: #F287B3;
  --c-vibrant-5: #DA3C76;
}

About this palette

This 5-color vibrant palette runs from Lemon Tint (#FDF4CC) as its lightest tone to Qermez Red (#DA3C76) as its darkest. It blends Watercourse, Lemon Tint, Golden Nectar, Brown Knapweed and Qermez Red into a single set you can drop straight into a UI. None of the 10 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

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

Color breakdown

Watercourse #5DD2E4
RGB
rgb(93, 210, 228)
HSL
hsl(188, 71%, 63%)
Luminance
0.540
Lemon Tint #FDF4CC
RGB
rgb(253, 244, 204)
HSL
hsl(49, 92%, 90%)
Luminance
0.899
Golden Nectar #FDD96A
RGB
rgb(253, 217, 106)
HSL
hsl(45, 97%, 70%)
Luminance
0.716
Brown Knapweed #F287B3
RGB
rgb(242, 135, 179)
HSL
hsl(335, 80%, 74%)
Luminance
0.395
Qermez Red #DA3C76
RGB
rgb(218, 60, 118)
HSL
hsl(338, 68%, 55%)
Luminance
0.195

Contrast & accessibility

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

Aa #FDF4CC on #DA3C76 3.88:1 AA Large
Aa #FDD96A on #DA3C76 3.13:1 AA Large
Aa #5DD2E4 on #DA3C76 2.41:1 Fail
Aa #FDF4CC on #F287B3 2.14:1 Fail
Aa #F287B3 on #DA3C76 1.82:1 Fail
Aa #FDD96A on #F287B3 1.72:1 Fail
Aa #5DD2E4 on #FDF4CC 1.61:1 Fail
Aa #5DD2E4 on #F287B3 1.33:1 Fail
Aa #5DD2E4 on #FDD96A 1.30:1 Fail
Aa #FDF4CC on #FDD96A 1.24:1 Fail

Similar palettes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 colors
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 colors
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 colors
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 colors
#F38181 #FCE38A #EAFFD0 #95E1D3
4 colors
#B7C4CF #EEE3CB #D7C0AE #967E76
4 colors
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 colors
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 colors