Purple Velour

#581a57

Velvety violet-pink for mid-tone navigation accents

Save
Share

About Purple Velour

Purple Velour looks like the inside of a velvet jacket under soft studio lights. It's noticeably richer and more saturated than , which stays cooler and more muted, and it never drifts into the magenta-sweet direction of . Compared to Cloak and Dagger, it feels more plush and even, with less of that red-leaning pulse.

I use Purple Velour when the UI needs to feel premium without going "authority-dark." It's great for video platforms and creator tools, especially for active states, selected chips, and hover treatments that should read distinctly purple but not steal focus. In product landing modules, it holds up for section headers and callout panels where you want depth, not performative brightness. It also behaves well in dark mode panels because the undertone stays confidently pink-purple rather than icy.

Pair it with charcoal, plum-gray neutrals, or warm off-whites so the velour texture stays grounded. If you put it next to very blue purples, it will look richer and slightly more intimate, almost tactile.

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

On Gray 100 #f5f5f5

Aa
11.33:1AAA

On Gray 900 #18181b

Aa
1.43:1Fail

On Black #000000

Aa
1.70: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.

Create a gradient with Purple Velour

Open the generator with this color pre-loaded.

Start creating