Purple Passion
#784674
Dusty violet-mauve for softer, less-magenta UI
About Purple Passion
On my screen, Purple Passion looks like a richer, slightly deeper purple-pink that doesn't go smoky or compressed. It sits between magenta energy and grape mood, but it's cleaner than Bruise and more committed to the purple side than Magic Magenta, so it reads neither hot-pink nor dusty plum.
I use it when I need a focused accent with dashboards and product states that feel intentional, not bruised. Think ecommerce admin panels, creator content overlays, and newsroom UI where highlights and selected controls need clarity over dark or medium surfaces. Compared to Magician's Cloak, this one is a touch more saturated and less velvet-soft, so it holds its edge without flattening.
Pair it with warm grays or espresso neutrals; with cool steel tones it can start to look a little too serious for playful layouts.
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.
