Primrose
#d6859f
Lighter primrose blend for airy Red accents
About Primrose
Primrose looks like a pale petal catching daylight off a vanity mirror. It's distinctly pink-red, but lighter and less saturated than Kiss, so it doesn't feel lipstick-forward or airy-sweet. Compared with I Love You Pink, it reads more delicate and less mid-step in motion, with a softer, slightly dusty finish that keeps it from turning into that coral-tinged warmth. And unlike Moonlight Mauve, it stays firmly in the pink end of the mauve line, not sliding toward that cooler, muted mauve calm.
I use Primrose for UI moments that need warmth without weight: step markers in beauty and skin-care checkout flows, gentle alert headers in patient intake forms, and subtle selection states on subscription dashboards. It's especially good for card accents and toggle highlights on light backgrounds when the primary action shouldn't feel assertive. In practice, this is the one you reach for when you want red-family energy that still behaves like a soft highlight.
Quirk: because it's so pale, it can blur next to stronger pinks and mauves, so I usually pair it with crisper typography or a slightly deeper neighboring tone for hierarchy.
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.