Scarlet
#ff2400
Deeper scarlet-orange for sharper alerts and hierarchy
About Scarlet
Scarlet reads like a freshly painted fire door, not a candy flare or a fruitier cherry. It's a straight, high-saturation red-orange that hits hotter and cleaner than Maraschino's ripe punch, and it stays more assertively "red" than Red Riding Hood. Compared to Red Stop, Scarlet feels warmer and more energized, less strict and controlled.
I use the one you reach for when you want urgency that still feels crisp on light UI. Dashboards and finance apps are the sweet spot, especially incident callouts, threshold alerts, and high-priority queue badges in logistics and shipping control screens. It also works well for production QA markers and lab/warehouse status labels where you need to glance and know it matters, fast.
Pair it with near-whites or cool grays so it keeps its edge. On very warm backgrounds it can start to look a bit loud, so give it contrast and don't crowd it with other hot tones.
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.