Glowing Meteor
#ee4400
Saturated burnt-orange glow for sharp, fiery highlights
About Glowing Meteor
Glowing Meteor is the orange you see when a hot highlight slips across a dark UI element and leaves a clean trail. It's brighter and more electric than Heavy Orange, but it doesn't carry the ember weight. Compared to Baptism by Fire, it feels less like something actively burning and more like energy hitting glass. And next to Cascara, it's warmer and deeper, with a glow that reads faster than the lighter neighbor without turning sharp or "alarm-y."
I use it for action-first moments where you want presence without the darker urgency: primary buttons and card headers in e-commerce product pages, stream player controls, and media app CTAs that need to stand out against charcoal or rich neutrals. It also works well in dashboards and finance apps when you want the button state to feel lit up, not heavy or warning-colored.
One quirk: on very pale grays it can look slightly "lit," so I'll soften the surrounding UI with warm neutrals to keep it from feeling too energized.
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.