Pansy

#f75394

Soft rosy red for calmer hot-pink contrast

Save
Share

About Pansy

The first thing I notice about Pansy is how it lands right between punchy red and bubblegum pink, with a petal-soft glow instead of a fire-start heat. It's more muted than , less creamy than , and it doesn't read as purely feminine-smooth like . Instead, this shade feels light, saturated, and lightly cool-leaning. The undertone tips toward rosy-mauve rather than staying true red, so it never feels like a traffic-light stop.

I reach for Pansy when the UI needs a clear "important" moment without the hard edge of other reds. Think dashboards and finance apps where you're marking a notable event, a threshold change, or a callout chip. It's also handy in streaming and media ops for featured labels and priority states, plus healthcare portals for "active" status dots that should feel the one you reach for when you want attention to look friendly, not alarmed.

Quirk: on very warm surfaces it can start to drift more magenta than you expect, so test it against your existing alert reds before locking the token.

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
3.17:1FailAA Large

On Gray 100 #f5f5f5

Aa
2.91:1Fail

On Gray 900 #18181b

Aa
5.58:1AAAAA Large

On Black #000000

Aa
6.62:1AAAAA Large

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.

Create a gradient with Pansy

Open the generator with this color pre-loaded.

Start creating