First Love
#cf758a
Soft rose-pink romance for gentle, high-clarity UI
About First Love
First Love reads like a first-name red-pink you'd spot on a clinic badge or a "welcome back" banner. It's not as heavy as Charm, not as guarded and rich as Devilish Diva, and it doesn't float as airy as I Love You Pink. This one lands lighter and brighter, with a more clear, affectionate warmth that keeps it from tipping cool or going too rose-magnetic.
In UI, it's the shade that works harder than it looks for healthcare callouts and onboarding moments where you want urgency without the "stop" feeling. I use it for primary action buttons, pill highlights, and compact promo panels in patient portals and pharmacy e-commerce pages. It also plays nice in dashboard highlights where the accent needs to read quickly over neutral surfaces, not blend into them.
Quirk: on very warm, yellowish backgrounds it can skew slightly more rosy, so I'll pair it with crisp whites or cool grays to keep the undertone locked.
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.