# Near-black, orange and champagne fire palette

The Near-black, orange and champagne fire palette brings together black, orange, yellow, and pale yellow. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is pale yellow.

- Also called: Analogous black, orange and beige radial gradient
- Seed: `kWHgsbMKu_9bIwlys0P_JZA4`
- Page: https://grabient.com/kWHgsbMKu_9bIwlys0P_JZA4?style=radialGradient&steps=40&angle=45
- Drawn as: radial gradient, 40 steps, 45 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 19.3 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#0a0403` | `oklch(11.81% 0.0152 37.97)` | Liquorice | white, 20.3 to 1 |
| 2 | `#0f0503` | `oklch(13.41% 0.0217 37.87)` | Blackout | white, 20 to 1 |
| 3 | `#170704` | `oklch(15.45% 0.0303 37.63)` | Asphalt | white, 19.6 to 1 |
| 4 | `#200a05` | `oklch(17.87% 0.0405 37.31)` | Severely Burnt Toast | white, 18.9 to 1 |
| 5 | `#2b0d05` | `oklch(20.58% 0.0519 36.97)` | Root Brew | white, 18 to 1 |
| 6 | `#361006` | `oklch(23.51% 0.0641 36.68)` | Chocolate Melange | white, 16.9 to 1 |
| 7 | `#431407` | `oklch(26.58% 0.0766 36.51)` | Old Study | white, 15.6 to 1 |
| 8 | `#501807` | `oklch(29.74% 0.0892 36.51)` | Chocolate Rush | white, 14.2 to 1 |
| 9 | `#5e1c07` | `oklch(32.89% 0.1012 36.76)` | Altar Wine | white, 12.7 to 1 |
| 10 | `#6b2006` | `oklch(35.97% 0.1124 37.31)` | Roastery | white, 11.4 to 1 |
| 11 | `#782505` | `oklch(38.92% 0.1223 38.23)` | Buried Lust | white, 10.1 to 1 |
| 12 | `#852a01` | `oklch(41.91% 0.1323 39.47)` | Red Shade Wash | white, 9 to 1 |
| 13 | `#913100` | `oklch(45.01% 0.1388 40.89)` | Brown Red | white, 7.9 to 1 |
| 14 | `#9d3a00` | `oklch(48.19% 0.1438 42.61)` | Muddy | white, 6.9 to 1 |
| 15 | `#a94300` | `oklch(51.41% 0.1481 44.55)` | Pepperoni | white, 6 to 1 |
| 16 | `#b44d00` | `oklch(54.63% 0.1519 46.67)` | Skrag Brown | white, 5.2 to 1 |
| 17 | `#bf5700` | `oklch(57.80% 0.1551 48.97)` | Sebright Chicken | white, 4.5 to 1 |
| 18 | `#ca6100` | `oklch(60.91% 0.1579 51.41)` | Kvass | black, 5.2 to 1 |
| 19 | `#d46b00` | `oklch(63.91% 0.1602 53.98)` | Cinnamon | black, 5.8 to 1 |
| 20 | `#dd7500` | `oklch(66.75% 0.1621 56.65)` | Orange Outburst | black, 6.6 to 1 |
| 21 | `#e47f00` | `oklch(69.44% 0.1637 59.48)` | Sports Fan | black, 7.3 to 1 |
| 22 | `#eb8900` | `oklch(72.08% 0.1648 62.73)` | Elden Ring Orange | black, 8.1 to 1 |
| 23 | `#f29400` | `oklch(74.67% 0.1658 66.35)` | Forceful Orange | black, 8.9 to 1 |
| 24 | `#f79f00` | `oklch(77.19% 0.1670 70.21)` | Mad for Mango | black, 9.8 to 1 |
| 25 | `#fba900` | `oklch(79.63% 0.1686 74.18)` | Beer | black, 10.8 to 1 |
| 26 | `#ffb408` | `oklch(81.95% 0.1696 78.15)` | Saffron Thread | black, 11.7 to 1 |
| 27 | `#ffbf30` | `oklch(84.15% 0.1615 81.97)` | Brimstone | black, 12.7 to 1 |
| 28 | `#ffc946` | `oklch(86.20% 0.1539 85.51)` | Sunny Festival | black, 13.6 to 1 |
| 29 | `#ffd257` | `oklch(88.08% 0.1464 88.67)` | Glowing Reviews | black, 14.6 to 1 |
| 30 | `#ffda68` | `oklch(89.77% 0.1381 91.31)` | Golden Nectar | black, 15.4 to 1 |
| 31 | `#ffe078` | `oklch(91.25% 0.1287 93.37)` | Summer Daffodil | black, 16.2 to 1 |
| 32 | `#ffe687` | `oklch(92.53% 0.1188 95.03)` | Lemon Drizzle | black, 16.9 to 1 |
| 33 | `#ffea94` | `oklch(93.63% 0.1086 96.34)` | Old Yella | black, 17.4 to 1 |
| 34 | `#ffeea1` | `oklch(94.58% 0.0982 97.35)` | Baby Chick | black, 18 to 1 |
| 35 | `#fff1ac` | `oklch(95.38% 0.0879 98.13)` | Paper Tiger | black, 18.4 to 1 |
| 36 | `#fff4b7` | `oklch(96.07% 0.0781 98.72)` | Swiss Cheese | black, 18.8 to 1 |
| 37 | `#fff6c1` | `oklch(96.65% 0.0688 99.18)` | Spring Buttercup | black, 19.1 to 1 |
| 38 | `#fff7c9` | `oklch(97.16% 0.0601 99.57)` | Lemon Chiffon Pie | black, 19.4 to 1 |
| 39 | `#fff9d1` | `oklch(97.62% 0.0521 99.93)` | Pale | black, 19.6 to 1 |
| 40 | `#fffad8` | `oklch(98.03% 0.0446 100.33)` | Warm Light | black, 19.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0a0403 0.0%, #0f0503 2.6%, #170704 5.1%, #200a05 7.7%, #2b0d05 10.3%, #361006 12.8%, #431407 15.4%, #501807 17.9%, #5e1c07 20.5%, #6b2006 23.1%, #782505 25.6%, #852a01 28.2%, #913100 30.8%, #9d3a00 33.3%, #a94300 35.9%, #b44d00 38.5%, #bf5700 41.0%, #ca6100 43.6%, #d46b00 46.2%, #dd7500 48.7%, #e47f00 51.3%, #eb8900 53.8%, #f29400 56.4%, #f79f00 59.0%, #fba900 61.5%, #ffb408 64.1%, #ffbf30 66.7%, #ffc946 69.2%, #ffd257 71.8%, #ffda68 74.4%, #ffe078 76.9%, #ffe687 79.5%, #ffea94 82.1%, #ffeea1 84.6%, #fff1ac 87.2%, #fff4b7 89.7%, #fff6c1 92.3%, #fff7c9 94.9%, #fff9d1 97.4%, #fffad8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(11.81% 0.0152 37.97) 0.0%, oklch(13.41% 0.0217 37.87) 2.6%, oklch(15.45% 0.0303 37.63) 5.1%, oklch(17.87% 0.0405 37.31) 7.7%, oklch(20.58% 0.0519 36.97) 10.3%, oklch(23.51% 0.0641 36.68) 12.8%, oklch(26.58% 0.0766 36.51) 15.4%, oklch(29.74% 0.0892 36.51) 17.9%, oklch(32.89% 0.1012 36.76) 20.5%, oklch(35.97% 0.1124 37.31) 23.1%, oklch(38.92% 0.1223 38.23) 25.6%, oklch(41.91% 0.1323 39.47) 28.2%, oklch(45.01% 0.1388 40.89) 30.8%, oklch(48.19% 0.1438 42.61) 33.3%, oklch(51.41% 0.1481 44.55) 35.9%, oklch(54.63% 0.1519 46.67) 38.5%, oklch(57.80% 0.1551 48.97) 41.0%, oklch(60.91% 0.1579 51.41) 43.6%, oklch(63.91% 0.1602 53.98) 46.2%, oklch(66.75% 0.1621 56.65) 48.7%, oklch(69.44% 0.1637 59.48) 51.3%, oklch(72.08% 0.1648 62.73) 53.8%, oklch(74.67% 0.1658 66.35) 56.4%, oklch(77.19% 0.1670 70.21) 59.0%, oklch(79.63% 0.1686 74.18) 61.5%, oklch(81.95% 0.1696 78.15) 64.1%, oklch(84.15% 0.1615 81.97) 66.7%, oklch(86.20% 0.1539 85.51) 69.2%, oklch(88.08% 0.1464 88.67) 71.8%, oklch(89.77% 0.1381 91.31) 74.4%, oklch(91.25% 0.1287 93.37) 76.9%, oklch(92.53% 0.1188 95.03) 79.5%, oklch(93.63% 0.1086 96.34) 82.1%, oklch(94.58% 0.0982 97.35) 84.6%, oklch(95.38% 0.0879 98.13) 87.2%, oklch(96.07% 0.0781 98.72) 89.7%, oklch(96.65% 0.0688 99.18) 92.3%, oklch(97.16% 0.0601 99.57) 94.9%, oklch(97.62% 0.0521 99.93) 97.4%, oklch(98.03% 0.0446 100.33) 100.0%);
```

## Keyframes

5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.015 | 38 |
| 2 | 0.382 | 0.12 | 38 |
| 3 | 0.681 | 0.2 | 58 |
| 4 | 0.902 | 0.141 | 91.9 |
| 5 | 0.98 | 0.061 | 100.3 |

## In these collections

- [Fire gradients](https://grabient.com/fire-gradients)
- [Harvest gradients](https://grabient.com/harvest-gradients)

## Other forms

- [JSON](https://grabient.com/kWHgsbMKu_9bIwlys0P_JZA4.json?style=radialGradient&steps=40&angle=45)
- [PNG](https://grabient.com/kWHgsbMKu_9bIwlys0P_JZA4.png?style=radialGradient&steps=40&angle=45)
- [SVG](https://grabient.com/kWHgsbMKu_9bIwlys0P_JZA4.svg?style=radialGradient&steps=40&angle=45)
- [CSS](https://grabient.com/kWHgsbMKu_9bIwlys0P_JZA4.css?style=radialGradient&steps=40&angle=45)
- [ASE](https://grabient.com/kWHgsbMKu_9bIwlys0P_JZA4.ase?style=radialGradient&steps=40&angle=45)
- [GPL](https://grabient.com/kWHgsbMKu_9bIwlys0P_JZA4.gpl?style=radialGradient&steps=40&angle=45)
- [GRD](https://grabient.com/kWHgsbMKu_9bIwlys0P_JZA4.grd?style=radialGradient&steps=40&angle=45)
- [Design tokens](https://grabient.com/kWHgsbMKu_9bIwlys0P_JZA4.tokens.json?style=radialGradient&steps=40&angle=45)
- [Social card](https://grabient.com/api/og?seed=kWHgsbMKu_9bIwlys0P_JZA4&style=radialGradient&steps=40&angle=45)
- [Palettes like this one](https://grabient.com/palettes?q=kWHgsbMKu_9bIwlys0P_JZA4)
- [Guide for agents](https://grabient.com/llms.txt)