Cupid
#f5b2c5
Light pink blush with cooler, softer undertone
About Cupid
Cupid looks like a blush that's been lit from the inside. It's a lighter, airy pink with a clear rose undertone, not the deeper color density of Berries N' Cream and not the mid-temperature balance of Chantilly. Compared to Baby Pink, it feels less "peachy" and more cool-leaning, so it reads softer without turning grayish or washed out.
I reach for Cupid in beauty and wellness UI where the surfaces need to feel gentle, like onboarding cards, product detail headers, and quiet accent states. It also works well in health onboarding patterns where you want comfort on tabs and field highlights, but you don't want the shade to push forward like a more saturated pink would. It's warmer than pale neutrals yet restrained enough to sit beside both warm and cool grays.
Pair it with cream or very light pink for a smooth, tonal stack. If you put it next to Candy Bar-style depth, Cupid can look a bit delicate, so keep your contrast strategy consistent across the screen.
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.