Purple Emperor
#6633bb
Balanced mauve-purple for readable, soft-focus UI accents
About Purple Emperor
Purple Emperor lands like a pressed-ink violet on the edge of premium packaging, but it doesn't lean into the bluer "night" feel of Royal Nightcore or the middle-of-the-road neutrality of Blurple. It's also cleaner and more expensive-looking than Purple Pristine, with a deeper, more deliberate undertone that feels less "print-matte fresh" and more controlled violet-luxe.
It sits a step lighter and more saturated than the bruised magenta directions you'd associate with fuchsia-leaning purples, so it reads confident without turning heavy. I use dashboards and finance apps for high-visibility states, primary CTA highlights, and selection layers where you want urgency that still feels refined, like active filters in trading UIs or promo callouts inside creator analytics. It's the one you reach for when you need purple to stay unmistakably purple on both dark and light layouts, without drifting cooler toward the blue end.
Pair it with crisp whites or soft charcoal. If you add warm creams, keep the rest of your accents modest so the emperor tone doesn't start competing for attention.
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.