Magentarama
#cf3476
Lighter magenta-red for playful, high-contrast accents
About Magentarama
The first thing I notice with Magentarama is how it reads as red, not pink, even on a quick glance. It has that punchy magenta attitude, but it's not the heavy, in-your-face depth of Beetroot Purple, and it doesn't float upward in warmth like Beet Wave. Compared to Dark Pink, it feels brighter and more alert, with a clearer magenta undertone that keeps it from turning mauve.
I reach for Magentarama in dashboards and finance apps when you want attention without slipping into full emergency territory. Think identity verification queues, card status changes, refund or chargeback review panels, and high-priority notification chips in healthcare admin tools. It works especially well on light UI surfaces because the shade holds its red identity instead of looking soft.
Pair it carefully with cool grays and clean whites; with warm backgrounds it can start to look a touch louder than you intended, so give it breathing room around it.
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.