ع

Cotton Candy

Sweet pinks and baby blues for playful designs.

≈ Pastel Pink
≈ Light Pink
≈ Arctic Blue
≈ Light Sky Blue
≈ Soft Lavender

Color codes

HEXRGBHSLCMYK
hsl(337, 100%, 89%)cmyk(0%, 22%, 13%, 0%)
hsl(338, 100%, 84%)cmyk(0%, 31%, 20%, 0%)
hsl(208, 97%, 87%)cmyk(26%, 12%, 0%, 0%)
hsl(209, 100%, 82%)cmyk(36%, 18%, 0%, 0%)
hsl(278, 35%, 78%)cmyk(6%, 18%, 0%, 14%)

CSS

:root {
  --cotton-candy-1: #FFC8DD;
  --cotton-candy-2: #FFAFCC;
  --cotton-candy-3: #BDE0FE;
  --cotton-candy-4: #A2D2FF;
  --cotton-candy-5: #CDB4DB;
}

How these colors work together

Its hues are spread widely around the wheel, giving a balanced, varied scheme. Overall it reads cool. Lightness spans 11 points, which sets how much contrast you can create.

0 of 10 color pairs reach the 4.5:1 contrast needed for normal text.

Suggested applications

  • Baby products, stationery and friendly apps.
  • Interface themes: use the lightest color for backgrounds and the darkest for text.
  • Brand kits, social graphics and presentations.

#pink#blue#sweet

Check accessibility Simulate color blindness CSS variables

Frequently asked questions

How do I use the Cotton Candy palette?
The Cotton Candy palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
No pair in this palette reaches 3:1, so pair it with a very dark or very light neutral for text.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.

More palettes

Spring Morning#FBF8CC #FDE4CF #FFCFD2 #F1C0E8 #CFBAF0Lavender Fields#F3EEFC #E0D4F7 #C3B1E1 #9D8EC7 #6A5D8FMint Gelato#E3F9F1 #B8F2E6 #AED9E0 #FFA69E #5E6472Sage Garden#F5F3EE #DFE3D3 #B5C0A2 #7D8C6A #C8A97ESeventies Living#6B4226 #D4A017 #E07B39 #8A9A5B #F2E3C6Blush and Ivory#FFFAF3 #F6E3DC #E8C2B8 #C99A8E #8A5A52