Purple Haze

#807396

Cool, medium-dark violet for contrast-heavy panels

Save
Share

About Purple Haze

Purple Haze feels like a violet film that's been held up to daylight: saturated enough to read as purple at a glance, but not so dense that it turns into a bruise. Compared with Nymph's Delight, it's a touch more assertive and less "garden-soft". Compared with , it's clearer and more color-forward, not woven-dust steady. And unlike , it doesn't slip back into the background, because it keeps noticeable lightness and presence.

I use it when the UI needs guidance that feels intentional without going corporate-dark. It lands well in onboarding and account screens where you want the support layer to be felt, not shouted. I also lean on it for settings panels and media titles next to neutrals, especially when the rest of the palette is cool and a warmer purple would fight. It's the kind of shade that's happy as a primary accent for links, tabs, and section headers.

Quirk: set it next to very deep purples like and it can look a bit louder, so I'll often pair it with a softer intermediate tint to keep the emphasis clean.

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
4.37:1FailAA Large

On Gray 100 #f5f5f5

Aa
4.00:1FailAA Large

On Gray 900 #18181b

Aa
4.06:1FailAA Large

On Black #000000

Aa
4.81:1AAAAA Large

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.

Similar colors

Create a gradient with Purple Haze

Open the generator with this color pre-loaded.

Start creating