Pink Punk
#d983bd
Deeper punk pink for high-contrast accents
About Pink Punk
Pink Punk reads like a dressed-up hot-leaning pink, not a lavender-tinted one and not that shy, chalky pastel. It's notably more saturated than La la Love and Pastel Violet, with a warmer bias that keeps it from sliding into lilac. Compared with Girl Power, it's less hoodie-bright and more controlled, like someone turned the volume down but kept the edge.
I use the one you reach for when the UI needs punchy selection and intent without feeling neon. Think creator analytics, music and video platforms, and lifestyle commerce where you want section headers and progress accents to stand out on busy thumbnails. It also works well for onboarding CTA pills in consumer fintech-adjacent products, especially dashboards and finance apps that still want a human, playful highlight. Pair it with warm whites and charcoal-gray type so the pink stays the lead.
Quirk: because it's richer than the softer Pink neighbors, thin borders can look slightly "cut" against light backgrounds. Give it a bit more spacing or let it sit on a lightly tinted surface for 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.