Shocking Rose
#ff006a
Deep fuchsia-red anchor with sharper magenta edge
About Shocking Rose
I keep picturing a hot-pink rose sticker slapped on a delivery box, then cleaned up so it's crisp instead of candy-red. Shocking Rose (#ff006a) reads as a saturated red with a pink snap, but it's not as airy as Burning Fireflies and not as bright-and-forward as Retro Pink Pop. Compared to Flaming Hot Flamingoes, it feels a touch more rose than stoplight, with less density and a smoother hit.
It's the one you reach for when you need an attention grab that still feels friendly: dashboards and finance apps for action states, risk callouts, and success-to-warning transitions. I also like it for healthcare UI where "urgent" shouldn't look frantic, and for e-commerce status chips that need to stand out without turning into panic red.
Pair it with cool grays or clean off-whites so the pink undertone doesn't run away on warm creams. On very dark backgrounds, give it some breathing room so it doesn't feel overheated.
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.
