Super Pink
#ce6ba6
Soft super-saturated magenta-rose for bold yet gentle UI
About Super Pink
On my monitor, Super Pink hits like a crisp, rosy-red button label that's been given a little extra lift. It's lighter and more softly pink-leaning than Fading Love, so it doesn't look dialed down or slightly washed. And compared to Preppy Rose, it's less clean and composed, more flirted with that bright pink intensity. Versus Sugar Rush, it stays calmer and less candy-magenta, so it reads red-pink instead of going full sweet.
I use it for healthcare dashboards and patient-facing UI when you want a primary highlight that feels friendly but still clearly "action." Think selected chips, step-progress states, and secondary CTAs that shouldn't feel urgent like the hotter pink-reds. It's also a solid pick for dashboards and finance apps when the layout needs a fresh, readable accent without drifting coral.
Pair it with near-whites and soft grays; on overly warm surfaces it can look a touch more playful than your mock, so I'll often temper it with deeper red or rose borders. Overall, it's the one I reach for when you need light, pink-forward energy with better restraint than the brighter options.
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.