Passionate Plum

#753a58

Wine-plum depth with richer, warmer red

Save
Share

About Passionate Plum

On a light UI mock, Passionate Plum reads like a plum-tinted red that's been pulled off the edge of pink. It has the depth you expect from the red family, but the undertone stays distinctly purple-washed instead of going rosy, and it holds a steadier, more deliberate saturation than the warmer attention reds.

Compared to , it doesn't feel blushy or quick. Compared to , it doesn't drop as far into smoky, late-night seriousness. And next to , it's less cool and composed, more velvet-firm and slightly brighter in the midrange, so it lands as a stronger "decision red" without the frantic vibe.

I use it for fintech and health product flows where you want destructive or critical actions to feel intentional, especially in modal buttons, inline status chips, and confirmation callouts. Pair it with espresso browns or muted plums so it doesn't drift toward mauve, and keep it away from pure rose neutrals that fight the purple note.

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
8.39:1AAA

On Gray 100 #f5f5f5

Aa
7.70:1AAA

On Gray 900 #18181b

Aa
2.11:1Fail

On Black #000000

Aa
2.50:1Fail

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

#80385c
#7a2e4d
#6c3461
#654161

Create a gradient with Passionate Plum

Open the generator with this color pre-loaded.

Start creating