Violet Velvet
#b19cd9
Saturated violet with velvety cool midtone contrast
About Violet Velvet
I keep thinking of Violet Velvet as the purple you see when a velvet jacket catches light through a window shade. It reads richer than Enchanted Lavender and a bit less airy than Dreamy Candy Forest, with no periwinkle snap pulling it toward blue. Compared to Imperial Lilac, it's more saturated and noticeably cooler, so it feels deeper instead of balanced and softly warm.
On screen, Violet Velvet lands medium-light with a plush, velvety undertone. I reach for it when I want a signature purple that still stays readable in UI, especially for dashboards and finance apps where the brand needs contrast without going sharp. It also works well for settings and e-commerce components like active tab bars, primary button fills, and notification badges that need to feel confident, not dusty. I pair it with cool grays and clean near-whites to keep that velvet depth from turning murky.
If you place it beside the more mauve-leaning purples, it can look a touch heavier. Keep your spacing and hierarchy tight so it doesn't overpower lighter accents.
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.
