Mystic Nights
#4b2c74
Deeper, cooler purple with velvet night contrast
About Mystic Nights
Mystic Nights is the purple I see when a dark UI stops reading like "navigation" and starts reading like a quiet room. It's deeper and more velvety than Galactic Compass, with less airy lift and less ink-blue tension. Compared to Fading Horizon, it holds onto a richer violet core, not that softened, slightly muted mid-depth. And unlike Her Highness, it stays cooler in feel, so it doesn't drift toward a warmer, cushioned middle depth.
I reach for it in dashboards and finance apps when badges, selected filters, and section headers need to look intentional without turning navy-adjacent or command-heavy. It also works in healthcare and productivity portals for primary actions where you want the one you reach for to feel grounded, not fluorescent, and in media UI for playback overlays that should look more violet-cooled than night-blue.
Pair it carefully: next to very blue purples it can flatten and lose contrast, but with soft off-whites or muted cool grays it keeps its calm depth.
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.