Punched Pink
#b68692
Deeper rosy pink with rich, dusty warmth
About Punched Pink
Punched Pink feels like a blush that got filtered through soft light: mid-light in value, but not as pale as Pinch Me. Compared to that gentler rose, it has more body and a clearer red-pink direction. It's also less overtly magenta than Devilish Diva, so it reads more tender than assertive, and it never slips as cool or mauve-leaning as Moonlight Mauve.
I use Punched Pink when you need a red-family accent that's warm but not loud, the kind of shade that holds together in real UI at small sizes. It's great for secondary actions and validation states in healthcare workflows, especially inside patient portals where the interface needs to feel human, not urgent. It also works for step markers and micro-highlights on beauty and wellness checkout steps, where you want color presence without drifting coral.
Pair it with neutral backgrounds that aren't too yellow; otherwise it can tip toward a sweeter, slightly warmer register than you planned.
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.