Diva Mecha
#ee99ee
Mauve-lavender pink for high-contrast accents and mecha UI
About Diva Mecha
Diva Mecha reads like a fashion-mag pink that got a little sharper at the edges. It's noticeably cooler and more violet-leaning than Candy Floss, with a tighter, higher-clarity saturation than Bubblegum Kisses. Compared to Candy Dreams, it doesn't feel as airy or glow-y, it lands denser and more controlled, like the color was filtered to stay composed.
I reach for Diva Mecha when the UI needs playful intensity without tipping into the loud, neon-ish territory of Bubblegum Crisis. It works especially well in beauty and cosmetics reward screens, music and entertainment CTA styling, and social product features where you want "go ahead" energy but not chaos. The tone is cooler and more violet, so it pairs cleanly with crisp light grays and charcoal, and it holds up nicely alongside off-whites that might otherwise warm up the pink.
Quick quirk: on light backgrounds it can look a bit more assertive than you expect, so I like using it for icons, highlights, and selected buttons rather than full-width fills. Keep type medium to bold so it stays crisp against the denser color body.
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.