Wildfire
#ff8833
Deeper, higher-heat orange for bold emphasis blocks
About Wildfire
I'm seeing Wildfire on a promo tile beside a bright lemon-yellow badge, and it instantly reads more ember-like than the other oranges with a similar family. It's a hot orange with a clear yellow undercurrent, but it sits darker and less "juiced" than Mango Madness, so it doesn't feel crisp and smooth. Compared to Mango Tango, it's less citrusy and more firebox-warm, and it doesn't go as soft and glaze-like as Peach Fury.
In practice, it's my the one you reach for when you need urgency without drifting into sunset-brown territory. I use it for logistics apps and grocery delivery where "driver en route," live order updates, and time-sensitive chips need to stand out fast. It also works well for ecommerce checkout: shipping status markers, confirm buttons, and cart callouts that shouldn't look spicy or overly peachy. Think dashboards and finance apps adjacent UIs too, where key states need weight and momentum.
Quirk: on very pale backgrounds it can feel slightly more forceful than its yellow neighbors, so I like pairing it with charcoal text and a touch of deeper orange for outlines instead of relying on faint borders.
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.