Firewatch
#ee8866
Smoky ember orange for high-contrast accents
About Firewatch
I keep seeing Firewatch pop on old field-gear labels and the brushed metal around them. It's orange with a clear coppery undertone, but the heat is pulled back just enough to stop short of Bonfire's flame behavior. Compared to In for a Penny, it's less powdery and more saturated, like the dye actually got into the weave, not just brushed across the surface.
Firewatch shows up for me in warning-adjacent UI where you want urgency without that full stop-and-look burn. It's especially useful in e-commerce product imagery for hero blocks, pricing callouts, and seasonal promos, and it holds its own in app headers and editorial feature cards for home, outdoors, and food brands. If you've used Canyon Sunset and felt it leaned heavier or more committed to its saturation, Firewatch reads a touch cleaner and brighter.
Pair it with warm creams, light greiges, and medium charcoals. Push it against pinkish oranges and it can start to feel too copper and less "signal," so watch your neighboring swatches.
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.