Arcade Fire
#ee3311
Bright ember-red orange for sharp, energetic accents
About Arcade Fire
Arcade Fire is the red-orange that doesn't apologize. It's got more red than Cascara or Baptism by Fire, which means it reads hotter and more aggressive right out of the gate, there's no gentle snap here, just immediate intensity. Where those colors ask for your attention, this one demands it.
You'll land this in sports apps, live-event dashboards, and high-stakes retail, anywhere the action needs to feel urgent and a little dangerous. Error states that actually mean something, CTAs on gaming platforms, stock tickers when things are moving fast. The saturation keeps it readable on light backgrounds, but unlike Apple Cherry, it doesn't feel crude or purely confrontational. There's control underneath the heat.
Pair it tight: white, deep charcoal, steel gray. Warm backgrounds will fight it; cool ones let it breathe. Against pure black it can get heavy, so a step away into dark gray usually works better. This is the color that works hardest when it's got nowhere to hide.
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.
