Fire

#8f3f2a

Hot copper-orange that reads brighter than brick tones

Save
Share

About Fire

Fire looks like the first flare on a grill lighter: a burnt orange with enough bite to feel energized, but not so deep it disappears into cocoa brown. Compared to , it's clearly more orange and more insistent, with a reddish warmth that doesn't read neutral. It also stays less matte and less cooled down than , so it keeps its glow instead of settling.

Use Fire for label systems, beverage sleeves, and retail promo blocks where you want that "heat" to guide the eye fast, especially in orange-forward branding that still needs brown credibility. In UI it's great for primary accents, alert chips, and key-value callouts on dashboards and retail POS screens where secondary text can't do the heavy lifting. Pair it with cream, warm grays, and dark near-black for contrast that feels deliberate, not dusty.

Quick note: put it next to and you'll see the difference right away. Fire reads punchier and redder, while trends more spiced and cookie-caramel. If you want spice, lean . If you want flare, Fire.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
7.21:1AAA

On Gray 100 #f5f5f5

Aa
6.61:1AAAAA Large

On Gray 900 #18181b

Aa
2.46:1Fail

On Black #000000

Aa
2.91:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Fire

Open the generator with this color pre-loaded.

Start creating