Candy Pink
#ff63e9
Softer warm magenta-pink for friendly panels
About Candy Pink
Candy Pink hits different because it's lighter and less aggressive than the rest of its family. It reads as a soft punch instead of a hard shout, the kind of color that sits on screen without demanding all the attention. Where Avant-Garde owns the space and Bubblegum announces itself instantly, this one works quieter. It's still saturated enough to land, just less combative about it.
You reach for it in product interfaces that need warmth without heat: dating apps, wellness platforms, beauty brand websites, streaming service onboarding. Fashion and beauty pull it for secondary actions and softer feature highlights where energy matters but aggression doesn't. It works in illustration, small icon accents, and as a supporting color when your layout has room to breathe. It's the pink that feels approachable.
Pair it with clean, minimal backgrounds, whites, light grays, deep neutrals. It'll compete with busy or muted backdrops, so if you're layering it over complexity, give it breathing room. Lighter typefaces sit on top without issue, but test your weights anyway. This one doesn't need the same conviction in its company that Avant-Garde demands.
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.