Benevolent Pink
#dd1188
Soft magenta-leaning red for gentle emphasis bars
About Benevolent Pink
Benevolent Pink is what happens when you drain the heat out of red and let the magenta side take over. It's lighter and less saturated than everything else in this neighborhood, Amor, Bat's Blood Soup, even Borderline Pink all feel heavier next to it. This one's almost approachable, which is weird to say about a color this bold, but there it is.
Use it in health apps, patient-facing interfaces, and fintech products where you need to flag something important without sounding an alarm. It works for warnings that aren't emergencies, status changes that need attention but not panic, secondary actions that should stand out. It's got enough presence to work at small scales, notification badges, inline alerts, but it reads more concerned than aggressive. The lightness keeps it from feeling clinical or cold.
Pair it with cool grays and it'll hold steady. Warm backgrounds, cream, beige, anything off-white, will shift it noticeably toward pink, so test early if those are in your palette. It's the shade where what sits around it changes everything.
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.