Pink Pride
#ef1de7
High-saturation neon pink for bold highlights
About Pink Pride
Pink Pride reads like a hot pink that's been gently damped, not cooled or softened into candy. It holds a tight, confident magenta bias, but the tone sits a touch deeper than Epink, so it feels more grounded than that smoother edge. Compared with Fuchsia, it doesn't go as rounded and neon-party; it stays sharper in attitude. And next to Magenta Fizz, it's less crisp and electric, more proud and saturated without the extra bite.
I use Pink Pride when the UI needs a single "headline" action that feels declared, not spiky. Think beauty and creator app CTAs, product badges in e-commerce feeds, and status pills in mobile dashboards where you want the one you reach for without leaning too close to neon. It's also a strong choice for campaign thumbnails in social media ads, where you want dashboards and finance apps-style clarity but with more personality than a flat alert pink.
Pair it with cool grays or crisp whites; warm creams can make it look muddier, as if the pride got pinched.
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.
