Wildfire Color Palette: Hex Codes & CSS

Q: How do I turn the Wildfire palette into a CSS gradient?

Use background: linear-gradient(to right, #7F0000, #A30000, #C81D25, #E63946, #F1774D);, or open it in the live gradient generator to customize it further.

Wildfire Color Palette

Deep crimson through burnt orange, intense and fast-moving.

Make it a gradient →

Want to adjust the palette colors? Use the Color Palette Generator →

Colors

#7F0000

#A30000

#C81D25

#E63946

#F1774D

Contrast on Light & Dark Backgrounds

Hex	On White	On Black
#7F0000	T -	T -
#A30000	T -	T -
#C81D25	T -	T -
#E63946	T -	T -
#F1774D	T -	T -

Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.

Wildfire CSS Code

#7F0000
#A30000
#C81D25
#E63946
#F1774D

rgba(127, 0, 0, 1.0)
rgba(163, 0, 0, 1.0)
rgba(200, 29, 37, 1.0)
rgba(230, 57, 70, 1.0)
rgba(241, 119, 77, 1.0)

hsla(0, 100%, 25%, 1.0)
hsla(0, 100%, 32%, 1.0)
hsla(357, 75%, 45%, 1.0)
hsla(355, 78%, 56%, 1.0)
hsla(15, 85%, 62%, 1.0)

oklch(37.46% 0.1537 29.23)
oklch(44.93% 0.1844 29.23)
oklch(53.5% 0.2025 25.93)
oklch(61.22% 0.2082 22.24)
oklch(70.36% 0.1609 39.31)

The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →

Similar Palettes

More Color Palettes

FAQ

What colors are in the Wildfire palette?