Cotton Candy
#ffbcd9
Lighter cotton-rose tint for playful, subtle highlights
About Cotton Candy
This is the pink that actually shows up. It's lighter than Cotton Candy Comet and less saturated than Berry Butter, but it doesn't disappear the way Ballerina does, there's real color here, pale but present, the kind that reads as a deliberate choice rather than a whisper or a compromise.
Reach for it in health apps, beauty interfaces, and onboarding flows where you need warmth without the visual weight. It works on cards, backgrounds, and secondary elements in fintech and wellness products that want to feel approachable but not precious. The saturation sits in that useful middle ground: restrained enough for professional contexts, but with enough pigment to hold its own without relying on contrast tricks.
Pair it with warm neutrals and it gains dimension. Against cool grays it stays readable without popping aggressively like Comet does. Fair warning: test it at actual size in your UI before committing to small elements, it needs enough breathing room to read as intentional.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.