Candy Cane
#f7bfc2
Pastel blush-pink for airy, neutral UI panels
About Candy Cane
Candy Cane sits where Cotton Candy Comet and Cherry Blossom stop fighting. It's lighter than Cotton Candy's committed pop, but it actually has some warmth underneath, not the wishy-washy middle-ground feeling of Abloom. There's a softness here that feels intentional, not apologetic. It reads as gentle without disappearing.
You reach for this one in skincare apps, onboarding flows, and wellness interfaces where you need the pink to feel approachable but never saccharine. It works as a card background, a button state, a hero section that doesn't demand attention. Healthcare and beauty products especially, it's soft enough to feel friendly, just saturated enough to stay present. Unlike Cherry Blossom's restraint, this has actual personality. Unlike Cotton Candy's assertiveness, it doesn't compete.
Pair it with warm neutrals and it gains dimension without noise. Against cool grays it stays readable but settled. The catch: test at actual size, because its lightness can flatten against near-whites in ways the darker reds won't.
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.