Stoplight
#dd1111
Traffic-sign red that signals calm urgency
About Stoplight
On my monitor, Stoplight land-tests like a clean signal red with an orange tint, not a smear and not a dark ember. It's lighter and more saturated than Piercing Red, so it feels more "directional" than "urgent." Compared with Hot Flamin Chilli, it keeps the heat steadier and less chili-paste, with a firmer core tone that reads consistently from thumbnail to button.
I use it when the UI needs immediate wayfinding without drifting into the bruise-red territory those other reds flirt with. It's great for logistics and transit alerts in mobile apps, safety and status callouts in dashboards, and "active / limited time" badges in e-commerce feeds. The shade works hard on streaming thumbnails too, where you want the orange-family energy but not the softer, cozier warmth.
Quick pairing note: keep it next to charcoal or deep cocoa, and avoid pale warm creams. With those, it can start to feel too loud compared to the rest of the Orange set.
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.