Wildfire Color Palette
Deep crimson through burnt orange, intense and fast-moving.
Use as a gradient →
Colors
#7F0000
#A30000
#C81D25
#E63946
#F1774D
Contrast on Light & Dark Backgrounds
| Color | 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.
Wildfire CSS Code
HEX Copy
#7F0000 #A30000 #C81D25 #E63946 #F1774D
RGBA Copy
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 Copy
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)
More Color Palettes
FAQ
What colors are in the Wildfire palette?Deep crimson through burnt orange, intense and fast-moving.
How do I turn the Wildfire palette into a CSS gradient?
Use
background: linear-gradient(to right, #7F0000, #A30000, #C81D25, #E63946, #F1774D);, or click "Use as a gradient" above to open it in the live generator.