Illicit Pink
#ff5ccd
Deep magenta-pink for bold, stealthy highlights
About Illicit Pink
Illicit Pink looks like a hot-pink that's been pushed a step off the usual track. On a screen it reads sharply saturated but not as candy-light as Candy Pink, and it doesn't have Barbiecore's deeper, burn-it-all warmth. It sits between them: brighter and more electric than Avant-Garde Pink, yet with less density and less confident "takeover" energy.
I use this when I want the UI to feel playful but controlled, especially for hover and focus states that need to pop without screaming. It's great in ecommerce for promo badges and limited drops, and in media apps for onboarding highlights, like "new season" tiles or quick subscribe CTAs. In illustration, it's the shade that makes small accents feel urgent, even when the rest of the palette stays calm.
Pair it with clean whites, light grays, or deep near-neutrals; if you stack it next to Bubblegum-style pinks, it'll look even more electric. If you mix it with dull magentas, it can feel a bit counterfeit fast.
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.
