Fuego
#ee5533
Burnt-orange core with calmer heat than Blazing
About Fuego
I keep seeing Fuego show up like a flare button in the corner of an otherwise calm UI. It has that orange warmth, but it's leaner and more orange-forward than the ember-glow feel of Cigarette Glow, and it doesn't carry Blazing's heavy, near-red punch. Compared to Angry Flamingo, it reads a touch less aggressive and more focused, like the heat is concentrated rather than shouting.
For me it's the one you reach for when your primary CTA needs to land with momentum on light screens without tipping into warning territory. Think product launches, fitness apps, and high-energy social platforms where play buttons, subscribe actions, notification badges, and active states all need to feel urgent but not "error." The saturation stays present, yet the undertone stays distinctly orange, so it holds its temperature instead of drifting toward red.
Quick pairing tip: on cool grays it looks crisp and intentional; on warm backgrounds it can start to feel too close to heat, so test how it behaves on your header and cards.
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.