Purple Velour
#581a57
Velvety violet-pink for mid-tone navigation accents
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 Cosmic Explorer, which stays cooler and more muted, and it never drifts into the magenta-sweet direction of Elegant Purple Gown. 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.
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.