Underpass Shrine
#cc4422
Darker, smoky underpass orange-red with low glare
About Underpass Shrine
Underpass Shrine reads like orange paint that's been lived with and slightly cooled: a brick-warm hue that's deeper and calmer than the sharper "spark" feeling of Fire Bolt, and less candy-red than Mr. Krabs. Compared with Lava Smoothie's softer, juicier warmth, this one lands more grounded. It's still clearly Orange, but the lightness sits a notch lower and the saturation feels trimmed, like it's meant to stay readable under harsh lighting.
I use Underpass Shrine when the UI needs attention without that immediate urgency punch. Think the one you reach for in transit and facility dashboards, parking/entry kiosks, and back-office monitoring screens where status colors show up all day. It also works well on e-commerce ops for exception tags and warehouse route alerts, especially when you're trying to avoid orange drifting toward pink-red in compressed UI states.
Quirk: on very light creams it can feel a touch stricter than the nearby warmer oranges, so I like it alongside soft grays and matte whites rather than buttery off-whites.
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.
