Fuchsia Fever
#ff5599
Cool magenta-red hover for sharp red accents
About Fuchsia Fever
Fuchsia Fever lands in that "hot punch on a soft base" zone. Next to Brink Pink, it looks more vivid and less composed, with a deeper fuchsia undertone that pushes it toward magenta rather than staying simply warm. It also behaves differently than Blush Hour: you get color intensity, not that forward, dense blush momentum.
This is the red-family shade I use when I want attention without going full traffic-light red. It shows up cleanly in dashboards and finance apps as a primary highlight, callout chip, or chart accent where you need urgency that still feels user-friendly. In healthcare UI, it's great for banners, important alerts, and status dots when you want the message to read "checked" or "active" instead of clinical. Compared with Eosin Pink, it's not airy or surface-level. It holds saturation at normal UI sizes, so it doesn't fade into the background.
Pair it with cool grays or off-white panels, and it stays crisp. With very warm neutrals, it can start to look more purple than red fast, so keep an eye on nearby reds in the design system.
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.
