Self-Love
#d22b6d
Deeper red-pink for confident self-directed highlights
About Self-Love
I keep noticing how Self-Love reads like red with a steady heartbeat, not a hot spike. Compared to Magentarama's magenta-forward snap, this one holds onto more true red, so it feels less reactive and more intentional. And unlike Beet Wave, which is warm and mid-weight, Self-Love has a slightly higher clarity and a cleaner, more self-contained punch.
This is the one you reach for when you want urgency with a human tilt, especially in dashboards and finance apps where you're flagging "needs attention" without slipping into emergency language. Think investment risk notes, subscription status issues, HR case tracking, or the red accent on profile actions that shouldn't feel punitive. It lands well on light surfaces because it stays decisively red instead of drifting toward mauve.
One quirk: paired with deep berry tones, it can start to look flatter. I like it best next to crisp neutrals and a touch of rose-pink for contrast, so it keeps its grounded, self-directed mood.
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.