Mystic Nights

#4b2c74

Deeper, cooler purple with velvet night contrast

Save
Share

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 , with less airy lift and less ink-blue tension. Compared to , it holds onto a richer violet core, not that softened, slightly muted mid-depth. And unlike , 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.

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

On Gray 100 #f5f5f5

Aa
10.08:1AAA

On Gray 900 #18181b

Aa
1.61:1Fail

On Black #000000

Aa
1.91: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 Mystic Nights

Open the generator with this color pre-loaded.

Start creating