Light My Fire
#f8611a
Light ember orange-red for sharp UI highlights
About Light My Fire
It looks like a dashboard badge that's been turned up one notch from everyday orange. Light My Fire sits bright and assertive, with a higher lightness than Carrot Lava and a cleaner, less syrupy glaze than Honey Teriyaki. It also feels sharper than Orange Piñata, with a steadier temperature that doesn't read as tangy on warm whites.
I use it for gaming interfaces, music apps, and fintech dashboards when the UI needs a primary accent that stays readable and intentional, not warning-level hot. It's great for CTA buttons, pill highlights, and progress or status elements where you want "press me" energy without the ember-depth of darker oranges.
Pair it with near-black or cool greys for maximum crispness. On very light layouts, keep surrounding neutrals cooler so the orange stays the hero, not the background becomes the distraction.
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.