Midnight Velvet
#2a2243
Velvety deep purple with soft ink warmth for UI accents
About Midnight Velvet
On a dark canvas, Midnight Velvet reads like a very deep purple that refuses to turn into flat black. The trick is the undertone: it's cooler and more ink-like than the slightly more visible purples, yet it doesn't mute as completely as Black Market or Black Velvet. Compared with Azulado, it's heavier and lower in lightness, so it feels more like a coating than a color.
I reach for it in dark mode products where you need quiet structure, not a secondary accent: settings panels, table chrome, dense admin dashboards, and dense states in healthcare and fintech workflows. It plays well with backend tooling UIs, log viewers, and monitoring screens where you want hierarchy to show up as "frame" rather than "highlight." It's the one you reach for when the UI needs to stay calm next to saturated brand colors.
Just don't pair it with warm grays or amber backgrounds. Midnight Velvet will start looking dull and muddy fast.
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.
