Hottest of Pinks
#ff80ff
Saturated warmer magenta pink for aggressive highlights
About Hottest of Pinks
Put this pink on a dark UI and it feels like heat coming off a magenta gel filter. Hottest of Pinks is the one that turns the dial up on saturation without going neon-crazy, so it reads "hot" but still controlled. It's more intense and punchy than Bubblegum, less cool and airy than Atomic Pink, and it doesn't carry the heavier, denser bite of Avant-Garde Pink.
I reach for it when the screen needs urgency that still looks designed: hero banners for beauty launches, limited-edition fashion drop tiles, and playful but serious onboarding accents in music and streaming apps. It's great for high-signal buttons, inline highlights, and campaign graphics where you want attention fast, not chaos. Pair it with near-blacks or clean whites so the temperature stays sharp.
Quick note: if you stack it next to overly flat reds or muddy purples, it can lose that "hot" edge and start looking more generic than intentional.
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.
