Magnificent Magenta
#ee22aa
Saturated magenta with a softer red edge
About Magnificent Magenta
I keep running into Magnificent Magenta on mockups where the intent is "magenta, but still red-lane confident." Compared to Fanatic Fuchsia, it feels a touch less dense and more airy, less like tightly inked urgency and more like a clean, controlled click. Against Neon Pink, it's warmer and richer, not tuned cooler for that sharper, edgier chill. It also diverges from Big Bang Pink by avoiding that blue undertone pull; this one stays distinctly magenta-red.
For dashboards and finance apps, it lands as a primary action that reads loud without tipping into neon alarm, especially on mobile checkout, subscriptions, and permission prompts inside admin panels. It also works well for media and streaming surfaces where you want the "play" or "upgrade" moment to feel deliberate, not candy-hot. I'd call it the one you reach for when your design needs magenta warmth to stay the hero after hover and pressed states.
On cream or peach backgrounds, it can start to look more like pure magenta, so sanity-check the balance and keep your secondary text on deeper reds or near-black.
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.
Similar colors
Create a gradient with Magnificent Magenta
Open the generator with this color pre-loaded.
Start creating