From Nature

Fire Color Palettes

The temperature gradient of a flame, from ember red to white-hot. Its main colours include seafoam (#aef7bb), canary (#f4f191), flax (#cff880), lime (#c6f339), rose (#f212b5), built as an analogous set around 18° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.

Fire color palette hex codes

Main fire colours with named swatches, HEX and RGB. Derived from this tag's hue (18°), saturation (88%) and analogous scheme.

Fire color palette hex codes
Swatch	Name	HEX	RGB
Seafoam swatch	Seafoam	`#aef7bb`	`rgb(174, 247, 187)`
Canary swatch	Canary	`#f4f191`	`rgb(244, 241, 145)`
Flax swatch	Flax	`#cff880`	`rgb(207, 248, 128)`
Lime swatch	Lime	`#c6f339`	`rgb(198, 243, 57)`
Rose swatch	Rose	`#f212b5`	`rgb(242, 18, 181)`
Citron swatch	Citron	`#bb9906`	`rgb(187, 153, 6)`
Burgundy swatch	Burgundy	`#860d22`	`rgb(134, 13, 34)`
Chocolate swatch	Chocolate	`#712605`	`rgb(113, 38, 5)`

Fire Smoked Atlas
380
Fire Smoked Atlas color palette using #e3f2b4, #e997d4, #f7c629, #a00f2d, #7f3811.
Fire Deep Prairie
331
Fire Deep Prairie color palette using #ddf4ae, #f58bd3, #f7ce19, #9a0a2b, #772b03.
Fire Frosted Alcove
236
Fire Frosted Alcove color palette using #e6feaf, #f187cf, #ecd136, #a70b2e, #8a3103.
Fire Antique Lantern
215
Fire Antique Lantern color palette using #e2f1ba, #e893ce, #f3bf12, #ac132d, #823208.
Fire Deep Drift
202
Fire Deep Drift color palette using #d5eea7, #ee96d9, #eaba1a, #9b2235, #642c15.
Fire Golden Lantern
188
Fire Golden Lantern color palette using #e5fdb3, #ee7fcf, #f1d12f, #8f1b2c, #752b09.
Fire Still Prairie
181
Fire Still Prairie color palette using #daf4ab, #e88ece, #dfc52b, #a80727, #8e3104.
Fire Antique Morning
165
Fire Antique Morning color palette using #ddfaa0, #e78ccc, #d2b135, #9e142f, #723719.
Fire Quiet Terrace
129
Fire Quiet Terrace color palette using #ddeead, #ea94cc, #edd22f, #991f3d, #742709.
Fire Soft Orchard
123
Fire Soft Orchard color palette using #e7f8b7, #fc7adb, #f0c225, #a00729, #6e2b0b.
Fire Faded Morning
122
Fire Faded Morning color palette using #e2f6b2, #f58cdc, #d4bc45, #a30a27, #612a16.
Fire Electric Drift
113
Fire Electric Drift color palette using #d6edac, #ea99cd, #d6b42f, #a21226, #713418.
Fire Antique Ember
112
Fire Antique Ember color palette using #dff2a3, #e589cd, #f0cf2e, #a40623, #763016.
Fire Deep Linen
93
Fire Deep Linen color palette using #e4fbb3, #f391d9, #f3bd26, #921a35, #6d2e0d.
Fire Dusty Lantern
93
Fire Dusty Lantern color palette using #daf8a1, #eb8fd4, #e8c53a, #9d2236, #772d08.
Fire Quiet Terrace
92
Fire Quiet Terrace color palette using #ddfc9e, #f985db, #f7c227, #a40b31, #72280a.
Fire Soft Alcove
80
Fire Soft Alcove color palette using #e1fbb1, #fc75cc, #f0c52f, #9b1834, #752003.
Fire Deep Terrace
71
Fire Deep Terrace color palette using #e3f5ac, #f190d7, #e6c437, #9b0827, #722409.
Fire Wild Archive
43
Fire Wild Archive color palette using #e3f7ab, #f58dd4, #fbc622, #a80521, #8a2908.
Fire Golden Drift
42
Fire Golden Drift color palette using #e5f5b8, #f181d5, #d2b338, #a2143a, #682a16.
Fire Sunlit Signal
33
Fire Sunlit Signal color palette using #e3fcb2, #eb8bcf, #e8c522, #921f38, #79260d.
Fire Golden Studio
30
Fire Golden Studio color palette using #d6eca8, #eb7fc5, #e7c722, #921a2b, #6e2710.
Fire Deep Terrace
27
Fire Deep Terrace color palette using #e4faaf, #f779d3, #f2c32b, #901737, #722509.
Fire Soft Current
24
Fire Soft Current color palette using #d6f0a3, #ed89ce, #ddb237, #891f30, #732b06.

About fire color palettes

The temperature gradient of a flame, from ember red to white-hot. This page collects 24 fire color palettes, each one generated and then filtered so that every scheme is actually usable in a real design rather than just pleasant to look at.

Most fire schemes anchor somewhere around pumpkin (#f16022), a warm hue sitting near 18 degrees on the color wheel at roughly 88% saturation. The palettes below span a lightness range of about 56 points, which is wide enough to give you a background, a mid-tone and a text color from the same set. Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.

Colours sampled from fire tend to be less saturated than people expect, because real light is never pure. Keeping one desaturated swatch in the palette is what makes the whole thing feel photographed rather than invented.

Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.

Fire color palette FAQ

What colors are in a fire color palette?

A typical fire palette combines seafoam (#aef7bb), canary (#f4f191), flax (#cff880) and supporting tones. The temperature gradient of a flame, from ember red to white-hot.

What are the hex codes for fire?

Fire is a colour family rather than a single value. The main hex codes on this page are #aef7bb, #f4f191, #cff880, #c6f339, #f212b5, #bb9906, #860d22, #712605, centred near #f16022. Copy any value from the table above.

How do I use a fire color palette in my design?

Assign the lightest swatch to backgrounds, the darkest to text, and use the remaining colours for accents and states. Copy the palette as CSS variables or a Tailwind theme from any palette page so the tokens stay consistent across your project.

Are these fire palettes free to use?

Yes. All 24 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "fire" into the AI color palette generator to build a fresh scheme in the same range.

Fire color palette hex codes