Mademoiselle Pink
#f504c9
Soft neon magenta-pink for calm, high-contrast highlights
About Mademoiselle Pink
Mademoiselle Pink looks like a bubblegum pink that's been slightly cooled and softened, not sharpened into neon. Compared to Brutal Pink's cold, compressed hit, this one feels lighter and more "spread out" in tone, with a gentler undertone that reads less icy. It also sits apart from Ferocious Flamingo's warmer punch and Fuchsia's fuller, more assertive magenta depth.
Use Mademoiselle Pink when you want friendly urgency without the clawing intensity: onboarding screens for beauty and lifestyle apps, loyalty-program badges, and confirmation states that still need to pop in motion. I also like it for creator overlays, promo headers, and product cards where skin-tone palettes matter, because it stays pink without veering into aggressive magenta. Pair it with cool grays or clean whites so the hue stays airy, and avoid warm beige that makes it drift toward candy-wash.
If you put it next to Brutal Pink, give this shade the supporting role and let Brutal carry the headline weight.
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.
Similar colors
Create a gradient with Mademoiselle Pink
Open the generator with this color pre-loaded.
Start creating