Warm Pink
#fb5581
Light warm pink for subtle red accents
About Warm Pink
On my screen, Warm Pink reads like a red-pink that's been gently lightened, not muted or cooled off. It stays closer to true red than Pansy, so it won't drift toward rosy-mauve, and it doesn't have Brink Pink's steadier, slightly darker calm. Compared with Stellar Strawberry, it feels a touch less daylit-clean and more cozy, with higher warmth and a silkier saturation.
I reach for Warm Pink when the UI needs an attention grab that still feels friendly and wearable. It's a great fit for dashboards and finance apps where the "important" highlight should feel optimistic, not alarm-hot. In healthcare interfaces it works well for positive states like active or checked without leaning magenta. It also performs in streaming and e-commerce for featured badges where you want the callout to land red-first, not coral.
One quirk: on very warm backgrounds it can look even warmer and slightly peachier, so keep it near your other reds consistently if you're building a tight token set.
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.