Vulcan Fire
#e6390d
Deep ember-orange red for bold, grounded heat
About Vulcan Fire
On a dark UI mock, Vulcan Fire reads like a molten orange with a sharper edge than the softer reds nearby. It's not the looser, high-saturation punch of Chilli Crab, and it doesn't carry that extra red heat that makes Arcade Fire feel like it's charging forward. This one stays clearly orange, with a slightly deeper, more grounded undertone and a controlled intensity that feels intentional, not chaotic.
I reach for the one you reach for when you need urgency that still looks engineered. Great for dashboards and finance apps where movements must stand out without turning into red-alert noise, plus live sports tickers, delivery wait-time panels, and gaming lobbies that show active events. Compared to Electric Blood, it's less red-leaning and more ember-adjacent, so it holds attention while staying more "product" than "warning light."
Quirk: on warm backgrounds it can start to feel heavy and clamp down on nearby tones. Pair it with cooler grays or clean off-whites so it keeps breathing and stays the loudest note.
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.
