# Near-black and bronze black and gold palette

The Near-black and bronze black and gold palette brings together black, dark gray, dark orange, and orange. The colors span a broad lightness range, combining moderate color with clear 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: Monochrome black to brown linear gradient
- Seed: `kYFgY1k4g-J2QvurmkBu6RAc6tQG`
- Page: https://grabient.com/kYFgY1k4g-J2QvurmkBu6RAc6tQG?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, vivid, dark, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.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 | `#030201` | `oklch(8.66% 0.0083 75.23)` | Armour Wash | white, 20.7 to 1 |
| 2 | `#040201` | `oklch(9.35% 0.0096 73.62)` | Armour Wash | white, 20.6 to 1 |
| 3 | `#050301` | `oklch(10.28% 0.0114 71.33)` | Armour Wash | white, 20.5 to 1 |
| 4 | `#080402` | `oklch(11.40% 0.0135 68.65)` | Liquorice | white, 20.4 to 1 |
| 5 | `#0b0602` | `oklch(12.62% 0.0159 65.82)` | Liquorice | white, 20.2 to 1 |
| 6 | `#0e0703` | `oklch(13.88% 0.0186 63.13)` | Blackout | white, 19.9 to 1 |
| 7 | `#120904` | `oklch(15.12% 0.0215 60.83)` | Asphalt | white, 19.6 to 1 |
| 8 | `#160b04` | `oklch(16.29% 0.0246 58.95)` | Balsamico | white, 19.3 to 1 |
| 9 | `#1a0d05` | `oklch(17.46% 0.0281 57.14)` | Balsamico | white, 19 to 1 |
| 10 | `#1e0f05` | `oklch(18.65% 0.0318 55.48)` | Crowshead | white, 18.6 to 1 |
| 11 | `#221106` | `oklch(19.90% 0.0358 54.05)` | Severely Burnt Toast | white, 18.2 to 1 |
| 12 | `#271306` | `oklch(21.21% 0.0398 52.91)` | Severely Burnt Toast | white, 17.7 to 1 |
| 13 | `#2c1607` | `oklch(22.63% 0.0439 52.16)` | Zinnwaldite Brown | white, 17.2 to 1 |
| 14 | `#311808` | `oklch(24.16% 0.0479 51.89)` | Darkout | white, 16.5 to 1 |
| 15 | `#371b09` | `oklch(25.81% 0.0520 52.18)` | Close but No Cigar | white, 15.8 to 1 |
| 16 | `#3d1f0a` | `oklch(27.55% 0.0562 52.86)` | Medium Roast | white, 15 to 1 |
| 17 | `#43230b` | `oklch(29.36% 0.0604 53.79)` | Chocolate Castle | white, 14.1 to 1 |
| 18 | `#49270c` | `oklch(31.22% 0.0647 54.81)` | Brown Study | white, 13.3 to 1 |
| 19 | `#502b0d` | `oklch(33.11% 0.0691 55.75)` | Bittersweet Chocolate | white, 12.4 to 1 |
| 20 | `#572f0e` | `oklch(35.02% 0.0734 56.49)` | Moelleux au Chocolat | white, 11.5 to 1 |
| 21 | `#5e330f` | `oklch(36.94% 0.0778 57.17)` | Baker’s Chocolate | white, 10.7 to 1 |
| 22 | `#65380f` | `oklch(38.91% 0.0823 57.85)` | Brown | white, 9.8 to 1 |
| 23 | `#6c3d10` | `oklch(40.91% 0.0869 58.53)` | Philippine Bronze | white, 9.1 to 1 |
| 24 | `#744211` | `oklch(42.97% 0.0914 59.21)` | Sepia | white, 8.3 to 1 |
| 25 | `#7b4712` | `oklch(45.10% 0.0958 59.89)` | Ancient Planks | white, 7.6 to 1 |
| 26 | `#834c14` | `oklch(47.30% 0.1001 60.58)` | Milk Chocolate | white, 6.9 to 1 |
| 27 | `#8d5317` | `oklch(49.82% 0.1046 61.32)` | Plain Old Brown | white, 6.2 to 1 |
| 28 | `#975a1a` | `oklch(52.59% 0.1092 62.11)` | Sepia Wash | white, 5.5 to 1 |
| 29 | `#a1621d` | `oklch(55.39% 0.1138 62.89)` | Cockatrice Brown | white, 4.9 to 1 |
| 30 | `#aa6920` | `oklch(58.01% 0.1179 63.62)` | Golden Oak | black, 4.7 to 1 |
| 31 | `#b26f23` | `oklch(60.22% 0.1215 64.22)` | Hardy Clay | black, 5.2 to 1 |
| 32 | `#b87425` | `oklch(61.81% 0.1240 64.67)` | Fireside Chat | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #030201 0.0%, #040201 3.2%, #050301 6.5%, #080402 9.7%, #0b0602 12.9%, #0e0703 16.1%, #120904 19.4%, #160b04 22.6%, #1a0d05 25.8%, #1e0f05 29.0%, #221106 32.3%, #271306 35.5%, #2c1607 38.7%, #311808 41.9%, #371b09 45.2%, #3d1f0a 48.4%, #43230b 51.6%, #49270c 54.8%, #502b0d 58.1%, #572f0e 61.3%, #5e330f 64.5%, #65380f 67.7%, #6c3d10 71.0%, #744211 74.2%, #7b4712 77.4%, #834c14 80.6%, #8d5317 83.9%, #975a1a 87.1%, #a1621d 90.3%, #aa6920 93.5%, #b26f23 96.8%, #b87425 100.0%);
background: linear-gradient(180deg in oklch, oklch(8.66% 0.0083 75.23) 0.0%, oklch(9.35% 0.0096 73.62) 3.2%, oklch(10.28% 0.0114 71.33) 6.5%, oklch(11.40% 0.0135 68.65) 9.7%, oklch(12.62% 0.0159 65.82) 12.9%, oklch(13.88% 0.0186 63.13) 16.1%, oklch(15.12% 0.0215 60.83) 19.4%, oklch(16.29% 0.0246 58.95) 22.6%, oklch(17.46% 0.0281 57.14) 25.8%, oklch(18.65% 0.0318 55.48) 29.0%, oklch(19.90% 0.0358 54.05) 32.3%, oklch(21.21% 0.0398 52.91) 35.5%, oklch(22.63% 0.0439 52.16) 38.7%, oklch(24.16% 0.0479 51.89) 41.9%, oklch(25.81% 0.0520 52.18) 45.2%, oklch(27.55% 0.0562 52.86) 48.4%, oklch(29.36% 0.0604 53.79) 51.6%, oklch(31.22% 0.0647 54.81) 54.8%, oklch(33.11% 0.0691 55.75) 58.1%, oklch(35.02% 0.0734 56.49) 61.3%, oklch(36.94% 0.0778 57.17) 64.5%, oklch(38.91% 0.0823 57.85) 67.7%, oklch(40.91% 0.0869 58.53) 71.0%, oklch(42.97% 0.0914 59.21) 74.2%, oklch(45.10% 0.0958 59.89) 77.4%, oklch(47.30% 0.1001 60.58) 80.6%, oklch(49.82% 0.1046 61.32) 83.9%, oklch(52.59% 0.1092 62.11) 87.1%, oklch(55.39% 0.1138 62.89) 90.3%, oklch(58.01% 0.1179 63.62) 93.5%, oklch(60.22% 0.1215 64.22) 96.8%, oklch(61.81% 0.1240 64.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.087 | 0.008 | 75.2 |
| 2 | 0.154 | 0.022 | 60.4 |
| 3 | 0.232 | 0.045 | 52 |
| 4 | 0.343 | 0.072 | 56.2 |
| 5 | 0.469 | 0.099 | 60.4 |
| 6 | 0.618 | 0.124 | 64.7 |

## In these collections

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

## Other forms

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