Cupid

#f5b2c5

Light pink blush with cooler, softer undertone

Save
Share

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' and not the mid-temperature balance of . Compared to , 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 or very light pink for a smooth, tonal stack. If you put it next to -style depth, Cupid can look a bit delicate, so keep your contrast strategy consistent across the screen.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.74:1Fail

On Gray 100 #f5f5f5

Aa
1.60:1Fail

On Gray 900 #18181b

Aa
10.17:1AAA

On Black #000000

Aa
12.06:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Cupid

Open the generator with this color pre-loaded.

Start creating