Primrose

#d6859f

Lighter primrose blend for airy Red accents

Save
Share

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 , 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 , 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.

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
2.72:1Fail

On Gray 100 #f5f5f5

Aa
2.50:1Fail

On Gray 900 #18181b

Aa
6.51:1AAAAA Large

On Black #000000

Aa
7.71: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 Primrose

Open the generator with this color pre-loaded.

Start creating