Flaming Orange
#ee6633
Burnished burnt-orange warmth for decisive headings
About Flaming Orange
Flaming Orange reads like a flame that's been tempered by daylight. It's warm and saturated, but it doesn't carry the tight, urgent core that Firecracker has, and it's cleaner and more energized than the softer blushy feel of Flattered Flamingo. Compared with Basketball, it lands a touch higher on lightness, so it feels more buoyant than restrained.
I use it in dashboards and finance apps for primary accents that need to stay friendly while still signaling action, like key KPI highlights, "pending" states, and prominent chips in transaction lists. It also works well in media player controls and streaming thumbnails where you want fast legibility without tipping into ember-red. Pair it with cool grays or pale neutrals, and it stays crisp instead of turning murky. For layouts, it's the one I reach for when Carrot-level oranges feel too soft, but you want something warmer than pure white without the heavy punch.
Caution: on large fills it can start to feel sunburnt. Keep it to buttons, borders, progress markers, and small energetic blocks, not full panels.
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.