Magenta Fizz
#ed24ed
Lighter magenta fizz for crisp gradients and playful accents
About Magenta Fizz
Magenta Fizz reads like the moment magenta gets a little more air and turns crisp, not neon-hot and not candy-soft. Compared to Epink, it feels less "tuned smoother" and more energized by a brighter lift, with a firmer magenta undertone. Versus Fuchsia, it's not as full-bodied and rounded. And next to Cotton Candy Explosions, it keeps more bite, so it doesn't drift toward that warmer, invitational softness.
For UI, I use Magenta Fizz when you need a highlight that stays clean on dark and mid-tone backgrounds but still pops as a magenta statement. Think e-commerce cart or promo tiles, beauty and creator tool action buttons, and mobile game event badges where you want the one you reach for when you want urgency without the slightly spiky neon feel of the closest cousins. It also works well in dashboards and finance apps for callout pills and status states, especially when you want the accent to look chosen, not diluted.
Pair it with cool grays or crisp off-whites. Warm creams can pull it toward bubblegum fast.
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.
