Spectacular Scarlet
#f72305
Orange-red high saturation for attention-grabbing alerts
About Spectacular Scarlet
I think of Spectacular Scarlet as the red that shows up on a fast delivery van and looks intentionally lit, not like a raw tomato. It's sharper and more pinpoint than Reign of Tomatoes, less loud and blunt than Apple Cherry, and it doesn't carry that "fail-state monitor" heat of Primal Rage. The undertone stays cleanly orange-red, with high saturation and a slightly higher lightness, so it reads energetic without drifting toward burgundy.
I use it when the interface needs a primary signal that feels crisp at a glance, not messy. Think checkout and promo CTAs, ride-hail surge banners, subscription paywalls, and category headers for retail feeds. It works especially well for dashboards and finance apps where you want urgency with a more controlled glow than the other reds in the Orange family. Pair it with near-white backgrounds or cool grays so it stays forward instead of flat.
If you drop it on dark UI, it can start to feel almost orange-flares-on-black, so I keep surrounding text and icons tight and high-contrast. It's the one you reach for when you want the alert to land clean, immediately.
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.
Similar colors
Create a gradient with Spectacular Scarlet
Open the generator with this color pre-loaded.
Start creating