# Near-black and bronze color palette

The Near-black and bronze color palette brings together black, dark gray, orange, and red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is black, and its lightest tone is orange.

- Also called: Seamless black, brown and maroon linear gradient
- Seed: `kaFBmsEgS9R0DNBGMzoMLo6hWDPOLjLGg`
- Page: https://grabient.com/kaFBmsEgS9R0DNBGMzoMLo6hWDPOLjLGg?steps=64&angle=180
- Drawn as: linear gradient, 64 steps, 180 degrees
- Kinds: light center, neutral, dark, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.2 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 | `#000206` | `oklch(8.01% 0.0215 247.84)` | Black Hole | white, 20.7 to 1 |
| 2 | `#000206` | `oklch(8.35% 0.0216 246.26)` | Black Hole | white, 20.7 to 1 |
| 3 | `#000207` | `oklch(8.76% 0.0220 244.81)` | Black Hole | white, 20.7 to 1 |
| 4 | `#000308` | `oklch(9.25% 0.0225 243.38)` | Ninja | white, 20.6 to 1 |
| 5 | `#000409` | `oklch(9.80% 0.0232 241.88)` | Ninja | white, 20.6 to 1 |
| 6 | `#00040a` | `oklch(10.38% 0.0235 239.34)` | Ninja | white, 20.5 to 1 |
| 7 | `#00050a` | `oklch(10.98% 0.0218 235.83)` | Eight Ball | white, 20.4 to 1 |
| 8 | `#01060b` | `oklch(11.67% 0.0192 233.69)` | Eight Ball | white, 20.3 to 1 |
| 9 | `#02070b` | `oklch(12.37% 0.0169 230.85)` | Eight Ball | white, 20.2 to 1 |
| 10 | `#03090c` | `oklch(13.09% 0.0148 227.15)` | Reversed Grey | white, 20 to 1 |
| 11 | `#040a0d` | `oklch(13.82% 0.0131 222.45)` | Black Knight | white, 19.9 to 1 |
| 12 | `#050b0d` | `oklch(14.51% 0.0117 216.54)` | Dark Side of the Moon | white, 19.7 to 1 |
| 13 | `#070c0d` | `oklch(15.08% 0.0097 209.00)` | Dark Side of the Moon | white, 19.6 to 1 |
| 14 | `#090d0e` | `oklch(15.56% 0.0072 200.09)` | Dark Side of the Moon | white, 19.5 to 1 |
| 15 | `#0b0e0e` | `oklch(16.01% 0.0046 190.13)` | Black Wash | white, 19.3 to 1 |
| 16 | `#0d0f0e` | `oklch(16.48% 0.0022 179.47)` | Chaos Black | white, 19.2 to 1 |
| 17 | `#0f0f0f` | `oklch(17.03% 0.0003 168.43)` | Chaos Black | white, 19.1 to 1 |
| 18 | `#111111` | `oklch(17.70% 0.0000 89.88)` | Dreamless Sleep | white, 18.9 to 1 |
| 19 | `#131313` | `oklch(18.57% 0.0000 89.88)` | Cursed Black | white, 18.6 to 1 |
| 20 | `#151515` | `oklch(19.68% 0.0003 136.40)` | Matt Black | white, 18.2 to 1 |
| 21 | `#181917` | `oklch(21.08% 0.0033 127.20)` | Twilight Zone | white, 17.6 to 1 |
| 22 | `#1c1d19` | `oklch(22.83% 0.0083 119.29)` | Coco’s Black | white, 16.9 to 1 |
| 23 | `#22231a` | `oklch(25.19% 0.0160 112.57)` | Underworld | white, 15.8 to 1 |
| 24 | `#2b2a1b` | `oklch(28.23% 0.0266 106.60)` | Maire | white, 14.4 to 1 |
| 25 | `#36331b` | `oklch(31.77% 0.0394 101.28)` | Pullman Green | white, 12.7 to 1 |
| 26 | `#443c18` | `oklch(35.62% 0.0538 96.48)` | Madras | white, 11 to 1 |
| 27 | `#544514` | `oklch(39.59% 0.0691 92.08)` | Sugarloaf Brown | white, 9.3 to 1 |
| 28 | `#654e09` | `oklch(43.49% 0.0846 87.95)` | Olive Brown | white, 7.9 to 1 |
| 29 | `#755500` | `oklch(47.13% 0.0967 83.95)` | Pickled Grape Leaves | white, 6.8 to 1 |
| 30 | `#835c00` | `oklch(50.32% 0.1042 80.03)` | Soil of Avagddu | white, 6 to 1 |
| 31 | `#906100` | `oklch(52.88% 0.1111 76.02)` | Rat Brown | white, 5.4 to 1 |
| 32 | `#9a6300` | `oklch(54.62% 0.1171 71.81)` | Raw Sienna | white, 5 to 1 |
| 33 | `#a16200` | `oklch(55.38% 0.1221 67.31)` | Cumin Ochre | white, 4.9 to 1 |
| 34 | `#a55f00` | `oklch(55.32% 0.1265 62.70)` | Raw Umber | white, 4.9 to 1 |
| 35 | `#a75900` | `oklch(54.58% 0.1306 58.04)` | Windsor Brown | white, 5.1 to 1 |
| 36 | `#a65200` | `oklch(53.28% 0.1346 53.38)` | Windsor Brown | white, 5.4 to 1 |
| 37 | `#a44900` | `oklch(51.53% 0.1387 48.76)` | Pepperoni | white, 5.9 to 1 |
| 38 | `#a13f00` | `oklch(49.46% 0.1433 44.21)` | Powdered Coffee | white, 6.5 to 1 |
| 39 | `#9c3300` | `oklch(47.17% 0.1487 39.79)` | Chocoholic | white, 7.2 to 1 |
| 40 | `#972500` | `oklch(44.78% 0.1551 35.52)` | Smoking Red | white, 8 to 1 |
| 41 | `#931300` | `oklch(42.41% 0.1631 31.46)` | Cayenne | white, 9 to 1 |
| 42 | `#8c0007` | `oklch(40.19% 0.1641 27.75)` | Kiss of a Vampire | white, 9.9 to 1 |
| 43 | `#820013` | `oklch(38.20% 0.1546 24.23)` | Sneaky Devil | white, 10.7 to 1 |
| 44 | `#790018` | `oklch(36.30% 0.1461 21.43)` | Blood Brother | white, 11.5 to 1 |
| 45 | `#6f0019` | `oklch(34.23% 0.1374 19.56)` | Cinnabar | white, 12.4 to 1 |
| 46 | `#630419` | `oklch(32.04% 0.1238 18.25)` | Cherry Picking | white, 13.4 to 1 |
| 47 | `#570b19` | `oklch(29.80% 0.1066 17.33)` | Chocolate Cosmos | white, 14.3 to 1 |
| 48 | `#4a0f18` | `oklch(27.55% 0.0883 16.44)` | Rum Chocolate | white, 15.3 to 1 |
| 49 | `#3d1117` | `oklch(25.33% 0.0698 15.29)` | Dark Sienna | white, 16.2 to 1 |
| 50 | `#321216` | `oklch(23.18% 0.0520 13.58)` | Seal Brown | white, 17 to 1 |
| 51 | `#271115` | `oklch(21.16% 0.0358 11.00)` | Italian Roast | white, 17.8 to 1 |
| 52 | `#1d1013` | `oklch(19.30% 0.0221 7.26)` | Scandinavian Liquorice | white, 18.4 to 1 |
| 53 | `#150f10` | `oklch(17.66% 0.0118 2.06)` | Nuln Oil | white, 18.9 to 1 |
| 54 | `#100d0e` | `oklch(16.26% 0.0057 355.01)` | Black Sheep | white, 19.3 to 1 |
| 55 | `#0c0b0b` | `oklch(15.03% 0.0029 345.55)` | Raven | white, 19.6 to 1 |
| 56 | `#0a0909` | `oklch(13.96% 0.0028 334.11)` | Badab Black Wash | white, 19.9 to 1 |
| 57 | `#080708` | `oklch(13.02% 0.0048 321.25)` | Reversed Grey | white, 20.1 to 1 |
| 58 | `#070508` | `oklch(12.20% 0.0084 307.53)` | Black Metal | white, 20.2 to 1 |
| 59 | `#050409` | `oklch(11.50% 0.0131 293.50)` | Eight Ball | white, 20.3 to 1 |
| 60 | `#03040a` | `oklch(10.88% 0.0184 279.72)` | Eight Ball | white, 20.4 to 1 |
| 61 | `#02030b` | `oklch(10.34% 0.0237 266.76)` | Ninja | white, 20.5 to 1 |
| 62 | `#00030b` | `oklch(9.87% 0.0285 255.18)` | Ninja | white, 20.6 to 1 |
| 63 | `#00030a` | `oklch(9.54% 0.0264 249.05)` | Ninja | white, 20.6 to 1 |
| 64 | `#000307` | `oklch(9.16% 0.0219 242.41)` | Ninja | white, 20.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #000206 0.0%, #000206 1.6%, #000207 3.2%, #000308 4.8%, #000409 6.3%, #00040a 7.9%, #00050a 9.5%, #01060b 11.1%, #02070b 12.7%, #03090c 14.3%, #040a0d 15.9%, #050b0d 17.5%, #070c0d 19.0%, #090d0e 20.6%, #0b0e0e 22.2%, #0d0f0e 23.8%, #0f0f0f 25.4%, #111111 27.0%, #131313 28.6%, #151515 30.2%, #181917 31.7%, #1c1d19 33.3%, #22231a 34.9%, #2b2a1b 36.5%, #36331b 38.1%, #443c18 39.7%, #544514 41.3%, #654e09 42.9%, #755500 44.4%, #835c00 46.0%, #906100 47.6%, #9a6300 49.2%, #a16200 50.8%, #a55f00 52.4%, #a75900 54.0%, #a65200 55.6%, #a44900 57.1%, #a13f00 58.7%, #9c3300 60.3%, #972500 61.9%, #931300 63.5%, #8c0007 65.1%, #820013 66.7%, #790018 68.3%, #6f0019 69.8%, #630419 71.4%, #570b19 73.0%, #4a0f18 74.6%, #3d1117 76.2%, #321216 77.8%, #271115 79.4%, #1d1013 81.0%, #150f10 82.5%, #100d0e 84.1%, #0c0b0b 85.7%, #0a0909 87.3%, #080708 88.9%, #070508 90.5%, #050409 92.1%, #03040a 93.7%, #02030b 95.2%, #00030b 96.8%, #00030a 98.4%, #000307 100.0%);
background: linear-gradient(180deg in oklch, oklch(8.01% 0.0215 247.84) 0.0%, oklch(8.35% 0.0216 246.26) 1.6%, oklch(8.76% 0.0220 244.81) 3.2%, oklch(9.25% 0.0225 243.38) 4.8%, oklch(9.80% 0.0232 241.88) 6.3%, oklch(10.38% 0.0235 239.34) 7.9%, oklch(10.98% 0.0218 235.83) 9.5%, oklch(11.67% 0.0192 233.69) 11.1%, oklch(12.37% 0.0169 230.85) 12.7%, oklch(13.09% 0.0148 227.15) 14.3%, oklch(13.82% 0.0131 222.45) 15.9%, oklch(14.51% 0.0117 216.54) 17.5%, oklch(15.08% 0.0097 209.00) 19.0%, oklch(15.56% 0.0072 200.09) 20.6%, oklch(16.01% 0.0046 190.13) 22.2%, oklch(16.48% 0.0022 179.47) 23.8%, oklch(17.03% 0.0003 168.43) 25.4%, oklch(17.70% 0.0000 89.88) 27.0%, oklch(18.57% 0.0000 89.88) 28.6%, oklch(19.68% 0.0003 136.40) 30.2%, oklch(21.08% 0.0033 127.20) 31.7%, oklch(22.83% 0.0083 119.29) 33.3%, oklch(25.19% 0.0160 112.57) 34.9%, oklch(28.23% 0.0266 106.60) 36.5%, oklch(31.77% 0.0394 101.28) 38.1%, oklch(35.62% 0.0538 96.48) 39.7%, oklch(39.59% 0.0691 92.08) 41.3%, oklch(43.49% 0.0846 87.95) 42.9%, oklch(47.13% 0.0967 83.95) 44.4%, oklch(50.32% 0.1042 80.03) 46.0%, oklch(52.88% 0.1111 76.02) 47.6%, oklch(54.62% 0.1171 71.81) 49.2%, oklch(55.38% 0.1221 67.31) 50.8%, oklch(55.32% 0.1265 62.70) 52.4%, oklch(54.58% 0.1306 58.04) 54.0%, oklch(53.28% 0.1346 53.38) 55.6%, oklch(51.53% 0.1387 48.76) 57.1%, oklch(49.46% 0.1433 44.21) 58.7%, oklch(47.17% 0.1487 39.79) 60.3%, oklch(44.78% 0.1551 35.52) 61.9%, oklch(42.41% 0.1631 31.46) 63.5%, oklch(40.19% 0.1641 27.75) 65.1%, oklch(38.20% 0.1546 24.23) 66.7%, oklch(36.30% 0.1461 21.43) 68.3%, oklch(34.23% 0.1374 19.56) 69.8%, oklch(32.04% 0.1238 18.25) 71.4%, oklch(29.80% 0.1066 17.33) 73.0%, oklch(27.55% 0.0883 16.44) 74.6%, oklch(25.33% 0.0698 15.29) 76.2%, oklch(23.18% 0.0520 13.58) 77.8%, oklch(21.16% 0.0358 11.00) 79.4%, oklch(19.30% 0.0221 7.26) 81.0%, oklch(17.66% 0.0118 2.06) 82.5%, oklch(16.26% 0.0057 355.01) 84.1%, oklch(15.03% 0.0029 345.55) 85.7%, oklch(13.96% 0.0028 334.11) 87.3%, oklch(13.02% 0.0048 321.25) 88.9%, oklch(12.20% 0.0084 307.53) 90.5%, oklch(11.50% 0.0131 293.50) 92.1%, oklch(10.88% 0.0184 279.72) 93.7%, oklch(10.34% 0.0237 266.76) 95.2%, oklch(9.87% 0.0285 255.18) 96.8%, oklch(9.54% 0.0264 249.05) 98.4%, oklch(9.16% 0.0219 242.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.079 | 0.034 | 241.9 |
| 2 | 0.142 | 0.012 | 219.7 |
| 3 | 0.228 | 0.008 | 119.3 |
| 4 | 0.551 | 0.141 | 69.6 |
| 5 | 0.382 | 0.16 | 24.2 |
| 6 | 0.169 | 0.008 | -1.2 |
| 7 | 0.091 | 0.034 | -121.6 |

## In these collections

- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)
- [Night sky gradients](https://grabient.com/night-sky-gradients)

## Other forms

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