# Near-black and bronze black and gold palette

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

- Also called: Monochrome black, brown and tan angular gradient
- Seed: `kYDwMnLJs_44DwZRs0GbR1BRIEv-`
- Page: https://grabient.com/kYDwMnLJs_44DwZRs0GbR1BRIEv-?style=angularGradient&steps=32&angle=135
- Drawn as: angular gradient, 32 steps, 135 degrees
- Kinds: light center, dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.5 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 | `#010100` | `oklch(5.91% 0.0041 54.84)` | Vantablack | white, 20.9 to 1 |
| 2 | `#050201` | `oklch(9.53% 0.0130 54.69)` | Armour Wash | white, 20.6 to 1 |
| 3 | `#140803` | `oklch(15.02% 0.0264 54.36)` | Asphalt | white, 19.7 to 1 |
| 4 | `#281305` | `oklch(21.34% 0.0418 54.01)` | Shadow Play | white, 17.7 to 1 |
| 5 | `#3d1f09` | `oklch(27.44% 0.0566 53.83)` | Medium Roast | white, 15 to 1 |
| 6 | `#4e290d` | `oklch(32.31% 0.0682 53.98)` | Brown Study | white, 12.8 to 1 |
| 7 | `#572e0e` | `oklch(34.89% 0.0741 54.64)` | Fudge Brownie | white, 11.6 to 1 |
| 8 | `#532d0d` | `oklch(33.98% 0.0712 55.94)` | Dark Catacombs | white, 12 to 1 |
| 9 | `#43240a` | `oklch(29.64% 0.0596 57.83)` | Chocolate Castle | white, 14 to 1 |
| 10 | `#2d1907` | `oklch(23.49% 0.0434 60.12)` | Darkout | white, 16.8 to 1 |
| 11 | `#180d04` | `oklch(17.15% 0.0267 62.63)` | Balsamico | white, 19.1 to 1 |
| 12 | `#090503` | `oklch(12.27% 0.0137 65.21)` | Liquorice | white, 20.2 to 1 |
| 13 | `#050302` | `oklch(10.50% 0.0086 67.67)` | Pupil | white, 20.5 to 1 |
| 14 | `#0c0703` | `oklch(13.25% 0.0154 69.92)` | Blackout | white, 20 to 1 |
| 15 | `#201304` | `oklch(20.04% 0.0343 72.18)` | Super Black | white, 18.1 to 1 |
| 16 | `#3e2702` | `oklch(29.47% 0.0605 74.45)` | Secret Passage | white, 14 to 1 |
| 17 | `#614100` | `oklch(40.17% 0.0842 76.63)` | Notorious Neanderthal | white, 9.2 to 1 |
| 18 | `#865d00` | `oklch(50.79% 0.1056 78.89)` | Soil of Avagddu | white, 5.8 to 1 |
| 19 | `#a57700` | `oklch(59.95% 0.1238 81.05)` | Bronze | black, 5.2 to 1 |
| 20 | `#bc8b00` | `oklch(66.64% 0.1370 83.14)` | Kenyan Sand | black, 6.8 to 1 |
| 21 | `#d0a025` | `oklch(73.04% 0.1400 85.32)` | Mango Mojito | black, 8.7 to 1 |
| 22 | `#dfb54b` | `oklch(79.13% 0.1313 87.51)` | Up in Flames | black, 10.8 to 1 |
| 23 | `#e9c76b` | `oklch(84.15% 0.1185 89.60)` | Bee Pollen | black, 12.8 to 1 |
| 24 | `#eed384` | `oklch(87.30% 0.1038 91.48)` | Kaiser Cheese | black, 14.3 to 1 |
| 25 | `#ebd692` | `oklch(87.83% 0.0895 93.03)` | Tainted Gold | black, 14.5 to 1 |
| 26 | `#decd93` | `oklch(84.89% 0.0778 94.12)` | Bongo Skin | black, 13.2 to 1 |
| 27 | `#c1b383` | `oklch(76.75% 0.0663 94.68)` | Ecru | black, 10 to 1 |
| 28 | `#978d68` | `oklch(64.38% 0.0537 94.80)` | Autumn Laurel | black, 6.3 to 1 |
| 29 | `#6a6348` | `oklch(49.86% 0.0411 94.65)` | Urbane | white, 6 to 1 |
| 30 | `#403b2a` | `oklch(35.27% 0.0294 94.35)` | Green 383 | white, 11.1 to 1 |
| 31 | `#1f1c12` | `oklch(22.68% 0.0195 94.07)` | Coco’s Black | white, 17 to 1 |
| 32 | `#0b0905` | `oklch(14.17% 0.0124 93.94)` | Badab Black Wash | white, 19.8 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #010100 0.0%, #050201 3.2%, #140803 6.5%, #281305 9.7%, #3d1f09 12.9%, #4e290d 16.1%, #572e0e 19.4%, #532d0d 22.6%, #43240a 25.8%, #2d1907 29.0%, #180d04 32.3%, #090503 35.5%, #050302 38.7%, #0c0703 41.9%, #201304 45.2%, #3e2702 48.4%, #614100 51.6%, #865d00 54.8%, #a57700 58.1%, #bc8b00 61.3%, #d0a025 64.5%, #dfb54b 67.7%, #e9c76b 71.0%, #eed384 74.2%, #ebd692 77.4%, #decd93 80.6%, #c1b383 83.9%, #978d68 87.1%, #6a6348 90.3%, #403b2a 93.5%, #1f1c12 96.8%, #0b0905 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(5.91% 0.0041 54.84) 0.0%, oklch(9.53% 0.0130 54.69) 3.2%, oklch(15.02% 0.0264 54.36) 6.5%, oklch(21.34% 0.0418 54.01) 9.7%, oklch(27.44% 0.0566 53.83) 12.9%, oklch(32.31% 0.0682 53.98) 16.1%, oklch(34.89% 0.0741 54.64) 19.4%, oklch(33.98% 0.0712 55.94) 22.6%, oklch(29.64% 0.0596 57.83) 25.8%, oklch(23.49% 0.0434 60.12) 29.0%, oklch(17.15% 0.0267 62.63) 32.3%, oklch(12.27% 0.0137 65.21) 35.5%, oklch(10.50% 0.0086 67.67) 38.7%, oklch(13.25% 0.0154 69.92) 41.9%, oklch(20.04% 0.0343 72.18) 45.2%, oklch(29.47% 0.0605 74.45) 48.4%, oklch(40.17% 0.0842 76.63) 51.6%, oklch(50.79% 0.1056 78.89) 54.8%, oklch(59.95% 0.1238 81.05) 58.1%, oklch(66.64% 0.1370 83.14) 61.3%, oklch(73.04% 0.1400 85.32) 64.5%, oklch(79.13% 0.1313 87.51) 67.7%, oklch(84.15% 0.1185 89.60) 71.0%, oklch(87.30% 0.1038 91.48) 74.2%, oklch(87.83% 0.0895 93.03) 77.4%, oklch(84.89% 0.0778 94.12) 80.6%, oklch(76.75% 0.0663 94.68) 83.9%, oklch(64.38% 0.0537 94.80) 87.1%, oklch(49.86% 0.0411 94.65) 90.3%, oklch(35.27% 0.0294 94.35) 93.5%, oklch(22.68% 0.0195 94.07) 96.8%, oklch(14.17% 0.0124 93.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.059 | 0.004 | 54.8 |
| 2 | 0.35 | 0.074 | 54.8 |
| 3 | 0.11 | 0.01 | 68.6 |
| 4 | 0.642 | 0.141 | 82.3 |
| 5 | 0.858 | 0.08 | 93.9 |
| 6 | 0.142 | 0.012 | 93.9 |

## In these collections

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

## Other forms

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