Purple Haze
#807396
Cool, medium-dark violet for contrast-heavy panels
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 Flying Carpet, it's clearer and more color-forward, not woven-dust steady. And unlike Bureaucracy, 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 Bureaucracy and it can look a bit louder, so I'll often pair it with a softer intermediate tint to keep the emphasis clean.
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.