# Near-black and bronze black palette

The Near-black and bronze black palette brings together black, dark gray, and orange. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is orange.

- Also called: Seamless black and brown linear gradient
- Seed: `kcFgAmEoM_xsIv2qD8AtZNACCHv-SgkAiQA_w`
- Page: https://grabient.com/kcFgAmEoM_xsIv2qD8AtZNACCHv-SgkAiQA_w?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, neutral, dark, seamless
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.4 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 | `#020202` | `oklch(8.66% 0.0000 89.88)` | Black Hole | white, 20.7 to 1 |
| 2 | `#030303` | `oklch(9.58% 0.0012 53.33)` | Armour Wash | white, 20.6 to 1 |
| 3 | `#050404` | `oklch(10.88% 0.0028 53.21)` | Pupil | white, 20.4 to 1 |
| 4 | `#080605` | `oklch(12.40% 0.0048 52.99)` | Black Metal | white, 20.2 to 1 |
| 5 | `#0b0807` | `oklch(13.94% 0.0072 52.61)` | Badab Black Wash | white, 19.9 to 1 |
| 6 | `#0f0b08` | `oklch(15.35% 0.0099 51.94)` | Stout | white, 19.6 to 1 |
| 7 | `#130d0a` | `oklch(16.68% 0.0130 50.86)` | Optophobia | white, 19.2 to 1 |
| 8 | `#18100b` | `oklch(18.05% 0.0164 49.64)` | Black Raspberry | white, 18.8 to 1 |
| 9 | `#1d130d` | `oklch(19.63% 0.0201 48.62)` | Bighorn Sheep | white, 18.3 to 1 |
| 10 | `#231610` | `oklch(21.56% 0.0240 48.13)` | Used Oil | white, 17.5 to 1 |
| 11 | `#2a1b13` | `oklch(24.01% 0.0283 48.27)` | Tetsu-Guro Black | white, 16.5 to 1 |
| 12 | `#332117` | `oklch(26.81% 0.0331 48.83)` | Scorched | white, 15.2 to 1 |
| 13 | `#3d271c` | `oklch(29.69% 0.0377 49.54)` | Woodsy Brown | white, 13.9 to 1 |
| 14 | `#452d20` | `oklch(32.38% 0.0417 50.15)` | Morocco Brown | white, 12.6 to 1 |
| 15 | `#4e3325` | `oklch(34.97% 0.0453 50.51)` | Sepia Brown | white, 11.4 to 1 |
| 16 | `#573b2a` | `oklch(37.95% 0.0490 50.80)` | Tuk Tuk | white, 10.1 to 1 |
| 17 | `#60412f` | `oklch(40.61% 0.0521 51.04)` | Grilled | white, 9.1 to 1 |
| 18 | `#654532` | `oklch(42.15% 0.0533 51.23)` | Copra | white, 8.5 to 1 |
| 19 | `#634432` | `oklch(41.77% 0.0515 51.35)` | Worn Wooden | white, 8.6 to 1 |
| 20 | `#593e2e` | `oklch(39.03% 0.0457 51.34)` | Potting Soil | white, 9.7 to 1 |
| 21 | `#4a3428` | `oklch(34.78% 0.0374 51.25)` | Peat Moss | white, 11.5 to 1 |
| 22 | `#3a2a21` | `oklch(30.10% 0.0287 51.20)` | Tree House | white, 13.6 to 1 |
| 23 | `#2d211b` | `oklch(26.05% 0.0215 51.29)` | Kenpōzome Black | white, 15.5 to 1 |
| 24 | `#241b16` | `oklch(23.06% 0.0165 51.65)` | Dark Orchestra | white, 16.9 to 1 |
| 25 | `#1c1512` | `oklch(20.40% 0.0127 52.22)` | Soulless | white, 17.9 to 1 |
| 26 | `#15100e` | `oklch(17.99% 0.0095 52.84)` | Nuln Oil | white, 18.8 to 1 |
| 27 | `#0f0c0a` | `oklch(15.78% 0.0069 53.30)` | Stout | white, 19.4 to 1 |
| 28 | `#0a0807` | `oklch(13.67% 0.0046 53.46)` | Accursed Black | white, 19.9 to 1 |
| 29 | `#060505` | `oklch(11.63% 0.0028 53.29)` | Black Metal | white, 20.3 to 1 |
| 30 | `#030303` | `oklch(9.76% 0.0016 52.96)` | Armour Wash | white, 20.6 to 1 |
| 31 | `#020202` | `oklch(8.20% 0.0007 52.61)` | Black Hole | white, 20.7 to 1 |
| 32 | `#010101` | `oklch(7.09% 0.0000 89.88)` | Binary Black | white, 20.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #020202 0.0%, #030303 3.2%, #050404 6.5%, #080605 9.7%, #0b0807 12.9%, #0f0b08 16.1%, #130d0a 19.4%, #18100b 22.6%, #1d130d 25.8%, #231610 29.0%, #2a1b13 32.3%, #332117 35.5%, #3d271c 38.7%, #452d20 41.9%, #4e3325 45.2%, #573b2a 48.4%, #60412f 51.6%, #654532 54.8%, #634432 58.1%, #593e2e 61.3%, #4a3428 64.5%, #3a2a21 67.7%, #2d211b 71.0%, #241b16 74.2%, #1c1512 77.4%, #15100e 80.6%, #0f0c0a 83.9%, #0a0807 87.1%, #060505 90.3%, #030303 93.5%, #020202 96.8%, #010101 100.0%);
background: linear-gradient(135deg in oklch, oklch(8.66% 0.0000 89.88) 0.0%, oklch(9.58% 0.0012 53.33) 3.2%, oklch(10.88% 0.0028 53.21) 6.5%, oklch(12.40% 0.0048 52.99) 9.7%, oklch(13.94% 0.0072 52.61) 12.9%, oklch(15.35% 0.0099 51.94) 16.1%, oklch(16.68% 0.0130 50.86) 19.4%, oklch(18.05% 0.0164 49.64) 22.6%, oklch(19.63% 0.0201 48.62) 25.8%, oklch(21.56% 0.0240 48.13) 29.0%, oklch(24.01% 0.0283 48.27) 32.3%, oklch(26.81% 0.0331 48.83) 35.5%, oklch(29.69% 0.0377 49.54) 38.7%, oklch(32.38% 0.0417 50.15) 41.9%, oklch(34.97% 0.0453 50.51) 45.2%, oklch(37.95% 0.0490 50.80) 48.4%, oklch(40.61% 0.0521 51.04) 51.6%, oklch(42.15% 0.0533 51.23) 54.8%, oklch(41.77% 0.0515 51.35) 58.1%, oklch(39.03% 0.0457 51.34) 61.3%, oklch(34.78% 0.0374 51.25) 64.5%, oklch(30.10% 0.0287 51.20) 67.7%, oklch(26.05% 0.0215 51.29) 71.0%, oklch(23.06% 0.0165 51.65) 74.2%, oklch(20.40% 0.0127 52.22) 77.4%, oklch(17.99% 0.0095 52.84) 80.6%, oklch(15.78% 0.0069 53.30) 83.9%, oklch(13.67% 0.0046 53.46) 87.1%, oklch(11.63% 0.0028 53.29) 90.3%, oklch(9.76% 0.0016 52.96) 93.5%, oklch(8.20% 0.0007 52.61) 96.8%, oklch(7.09% 0.0000 89.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.087 | 0 | 53.4 |
| 2 | 0.146 | 0.008 | 52.4 |
| 3 | 0.213 | 0.023 | 48.2 |
| 4 | 0.331 | 0.043 | 50.3 |
| 5 | 0.421 | 0.052 | 51.3 |
| 6 | 0.256 | 0.021 | 51.3 |
| 7 | 0.146 | 0.006 | 53.4 |
| 8 | 0.071 | 0 | 52.4 |

## In these collections

- [Black gradients](https://grabient.com/black-gradients)

## Other forms

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