# Near-black and orange fire palette

The Near-black and orange fire palette brings together black, dark red, orange, and pale orange. 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 orange.

- Also called: Black, maroon, orange and brown linear gradient
- Seed: `kYGQcKpiu_87QQl2K8Y28G9JcOvG`
- Page: https://grabient.com/kYGQcKpiu_87QQl2K8Y28G9JcOvG?steps=48&angle=180
- Drawn as: linear gradient, 48 steps, 180 degrees
- Kinds: light center, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 16.8 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 | `#050203` | `oklch(9.84% 0.0096 14.77)` | Raven’s Coat | white, 20.6 to 1 |
| 2 | `#090303` | `oklch(11.07% 0.0167 14.66)` | Pupil | white, 20.4 to 1 |
| 3 | `#0f0304` | `oklch(12.58% 0.0260 14.41)` | Dark Matter | white, 20.2 to 1 |
| 4 | `#160406` | `oklch(14.36% 0.0370 14.07)` | Knight Rider | white, 19.9 to 1 |
| 5 | `#1f0408` | `oklch(16.36% 0.0493 13.72)` | Ponzu Brown | white, 19.4 to 1 |
| 6 | `#28040a` | `oklch(18.57% 0.0625 13.44)` | Sepia Black | white, 18.8 to 1 |
| 7 | `#33030e` | `oklch(20.95% 0.0761 13.29)` | Ilvaite Black | white, 18.1 to 1 |
| 8 | `#3e0211` | `oklch(23.47% 0.0897 13.34)` | Berry Chocolate | white, 17.1 to 1 |
| 9 | `#4a0115` | `oklch(26.10% 0.1029 13.68)` | Rhinoceros Beetle | white, 16 to 1 |
| 10 | `#560018` | `oklch(28.82% 0.1152 14.39)` | Bloedworst | white, 14.9 to 1 |
| 11 | `#63001b` | `oklch(31.65% 0.1266 15.50)` | Merguez | white, 13.6 to 1 |
| 12 | `#70001e` | `oklch(34.69% 0.1388 16.67)` | Cinnabar | white, 12.2 to 1 |
| 13 | `#800021` | `oklch(37.92% 0.1519 18.00)` | Oxblood | white, 10.8 to 1 |
| 14 | `#900023` | `oklch(41.32% 0.1658 19.54)` | Burgundy | white, 9.5 to 1 |
| 15 | `#a10023` | `oklch(44.83% 0.1804 21.33)` | Estroruby | white, 8.2 to 1 |
| 16 | `#b30222` | `oklch(48.40% 0.1947 23.40)` | Mammary Red | white, 7.1 to 1 |
| 17 | `#c40e1f` | `oklch(52.00% 0.2056 25.83)` | Rossini Red | white, 6.1 to 1 |
| 18 | `#d41d18` | `oklch(55.58% 0.2139 28.65)` | Tomato Burst | white, 5.2 to 1 |
| 19 | `#e22d0b` | `oklch(59.09% 0.2191 31.90)` | Dynamite Red | black, 4.6 to 1 |
| 20 | `#ed4000` | `oklch(62.49% 0.2159 35.63)` | Glowing Meteor | black, 5.3 to 1 |
| 21 | `#f45800` | `oklch(66.19% 0.2056 40.52)` | Buffallo Sauce | black, 6.2 to 1 |
| 22 | `#fc6e00` | `oklch(70.24% 0.1957 46.54)` | Flush Orange | black, 7.3 to 1 |
| 23 | `#ff8726` | `oklch(74.44% 0.1756 53.32)` | Orange Avant-Garde | black, 8.7 to 1 |
| 24 | `#ffa046` | `oklch(78.63% 0.1524 60.42)` | Exotic Flower | black, 10.3 to 1 |
| 25 | `#ffb560` | `oklch(82.61% 0.1326 67.47)` | Peanut Butter Chicken | black, 11.9 to 1 |
| 26 | `#ffc678` | `oklch(86.20% 0.1156 74.08)` | Liquid Gold | black, 13.6 to 1 |
| 27 | `#ffd48d` | `oklch(89.22% 0.1013 79.86)` | Honey Bird | black, 15 to 1 |
| 28 | `#ffdf9d` | `oklch(91.47% 0.0900 84.41)` | Precious Nectar | black, 16.2 to 1 |
| 29 | `#ffe4a7` | `oklch(92.78% 0.0834 87.33)` | Lady Banksia | black, 16.9 to 1 |
| 30 | `#ffe6a8` | `oklch(93.10% 0.0829 88.44)` | Lady Banksia | black, 17.1 to 1 |
| 31 | `#ffe4a3` | `oklch(92.66% 0.0872 88.09)` | Lady Banksia | black, 16.9 to 1 |
| 32 | `#ffdf99` | `oklch(91.54% 0.0955 86.55)` | Precious Nectar | black, 16.3 to 1 |
| 33 | `#ffd889` | `oklch(89.82% 0.1071 84.06)` | Golden Eye | black, 15.4 to 1 |
| 34 | `#ffce74` | `oklch(87.54% 0.1211 80.87)` | Grandis | black, 14.2 to 1 |
| 35 | `#ffc15b` | `oklch(84.80% 0.1375 77.25)` | Golden Tainoi | black, 13 to 1 |
| 36 | `#ffb137` | `oklch(81.65% 0.1565 73.43)` | Ripe Pumpkin | black, 11.6 to 1 |
| 37 | `#fca100` | `oklch(78.16% 0.1697 69.66)` | Pencil Me In | black, 10.2 to 1 |
| 38 | `#f19300` | `oklch(74.40% 0.1654 66.23)` | Forceful Orange | black, 8.9 to 1 |
| 39 | `#e38500` | `oklch(70.35% 0.1601 63.25)` | Fulvous | black, 7.6 to 1 |
| 40 | `#d27500` | `oklch(65.29% 0.1530 60.07)` | Tree Sap | black, 6.2 to 1 |
| 41 | `#bc6300` | `oklch(59.31% 0.1442 56.58)` | Fire Ant | black, 4.9 to 1 |
| 42 | `#a55000` | `oklch(52.72% 0.1340 52.92)` | Windsor Brown | white, 5.6 to 1 |
| 43 | `#8a3f05` | `oklch(45.85% 0.1199 49.28)` | Gryphonne Sepia Wash | white, 7.5 to 1 |
| 44 | `#6f300c` | `oklch(39.00% 0.1004 45.69)` | Cold Press Coffee | white, 10 to 1 |
| 45 | `#55230d` | `oklch(32.48% 0.0814 42.32)` | Peaty Brown | white, 12.8 to 1 |
| 46 | `#3f190b` | `oklch(26.62% 0.0642 39.30)` | Old Study | white, 15.5 to 1 |
| 47 | `#2d1008` | `oklch(21.72% 0.0500 36.77)` | Root Brew | white, 17.6 to 1 |
| 48 | `#200a06` | `oklch(18.11% 0.0400 34.84)` | Severely Burnt Toast | white, 18.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #050203 0.0%, #090303 2.1%, #0f0304 4.3%, #160406 6.4%, #1f0408 8.5%, #28040a 10.6%, #33030e 12.8%, #3e0211 14.9%, #4a0115 17.0%, #560018 19.1%, #63001b 21.3%, #70001e 23.4%, #800021 25.5%, #900023 27.7%, #a10023 29.8%, #b30222 31.9%, #c40e1f 34.0%, #d41d18 36.2%, #e22d0b 38.3%, #ed4000 40.4%, #f45800 42.6%, #fc6e00 44.7%, #ff8726 46.8%, #ffa046 48.9%, #ffb560 51.1%, #ffc678 53.2%, #ffd48d 55.3%, #ffdf9d 57.4%, #ffe4a7 59.6%, #ffe6a8 61.7%, #ffe4a3 63.8%, #ffdf99 66.0%, #ffd889 68.1%, #ffce74 70.2%, #ffc15b 72.3%, #ffb137 74.5%, #fca100 76.6%, #f19300 78.7%, #e38500 80.9%, #d27500 83.0%, #bc6300 85.1%, #a55000 87.2%, #8a3f05 89.4%, #6f300c 91.5%, #55230d 93.6%, #3f190b 95.7%, #2d1008 97.9%, #200a06 100.0%);
background: linear-gradient(180deg in oklch, oklch(9.84% 0.0096 14.77) 0.0%, oklch(11.07% 0.0167 14.66) 2.1%, oklch(12.58% 0.0260 14.41) 4.3%, oklch(14.36% 0.0370 14.07) 6.4%, oklch(16.36% 0.0493 13.72) 8.5%, oklch(18.57% 0.0625 13.44) 10.6%, oklch(20.95% 0.0761 13.29) 12.8%, oklch(23.47% 0.0897 13.34) 14.9%, oklch(26.10% 0.1029 13.68) 17.0%, oklch(28.82% 0.1152 14.39) 19.1%, oklch(31.65% 0.1266 15.50) 21.3%, oklch(34.69% 0.1388 16.67) 23.4%, oklch(37.92% 0.1519 18.00) 25.5%, oklch(41.32% 0.1658 19.54) 27.7%, oklch(44.83% 0.1804 21.33) 29.8%, oklch(48.40% 0.1947 23.40) 31.9%, oklch(52.00% 0.2056 25.83) 34.0%, oklch(55.58% 0.2139 28.65) 36.2%, oklch(59.09% 0.2191 31.90) 38.3%, oklch(62.49% 0.2159 35.63) 40.4%, oklch(66.19% 0.2056 40.52) 42.6%, oklch(70.24% 0.1957 46.54) 44.7%, oklch(74.44% 0.1756 53.32) 46.8%, oklch(78.63% 0.1524 60.42) 48.9%, oklch(82.61% 0.1326 67.47) 51.1%, oklch(86.20% 0.1156 74.08) 53.2%, oklch(89.22% 0.1013 79.86) 55.3%, oklch(91.47% 0.0900 84.41) 57.4%, oklch(92.78% 0.0834 87.33) 59.6%, oklch(93.10% 0.0829 88.44) 61.7%, oklch(92.66% 0.0872 88.09) 63.8%, oklch(91.54% 0.0955 86.55) 66.0%, oklch(89.82% 0.1071 84.06) 68.1%, oklch(87.54% 0.1211 80.87) 70.2%, oklch(84.80% 0.1375 77.25) 72.3%, oklch(81.65% 0.1565 73.43) 74.5%, oklch(78.16% 0.1697 69.66) 76.6%, oklch(74.40% 0.1654 66.23) 78.7%, oklch(70.35% 0.1601 63.25) 80.9%, oklch(65.29% 0.1530 60.07) 83.0%, oklch(59.31% 0.1442 56.58) 85.1%, oklch(52.72% 0.1340 52.92) 87.2%, oklch(45.85% 0.1199 49.28) 89.4%, oklch(39.00% 0.1004 45.69) 91.5%, oklch(32.48% 0.0814 42.32) 93.6%, oklch(26.62% 0.0642 39.30) 95.7%, oklch(21.72% 0.0500 36.77) 97.9%, oklch(18.11% 0.0400 34.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.098 | 0.01 | 14.8 |
| 2 | 0.299 | 0.12 | 14.8 |
| 3 | 0.618 | 0.22 | 34.8 |
| 4 | 0.929 | 0.12 | 87.7 |
| 5 | 0.72 | 0.181 | 64.4 |
| 6 | 0.181 | 0.04 | 34.8 |

## In these collections

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

## Other forms

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