Passion Potion
#e398af
Soft mauve-rose warmth for high-contrast UI accents
About Passion Potion
Passion Potion reads like a lipstick stain that stayed for one extra hour. It's pink-red, but it doesn't go full "hot red" the way Brandywine Spritz can. Compared to Blush Bomb, it has more saturation and a clearer, brighter undertone, so it doesn't fade into that cooler, muted haze. Versus Foxy Pink, it's less pale and less "lipstick fading," with a little more color depth so it feels intentional rather than softened.
I like it for wellness dashboards and patient intake flows where you need a warm signal that still looks medically tidy. It's strong as a card tint, a section header, or a subtle CTA background when you want the one you reach for to feel supportive without tipping playful. Use it in beauty onboarding too, especially when you want color that stays readable next to both creams and light neutrals, not near-invisible like Cherry Blossom.
Quirk: at very small sizes it can look slightly richer than you expect, so sanity-check it at your real UI type scale. Pairing with cool grays keeps it from drifting toward orange.
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.