# Near-black and bronze black and gold palette

The Near-black and bronze black and gold palette brings together black, gold, orange, and dark gray. 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 gold.

- Also called: Seamless black, orange and brown linear gradient
- Seed: `kWEgQ9VrM_68fPEZh7_i4I_4`
- Page: https://grabient.com/kWEgQ9VrM_68fPEZh7_i4I_4?steps=32&angle=110
- Drawn as: linear gradient, 32 steps, 110 degrees
- Kinds: light center, vivid, dark, warm, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#010101` | `oklch(7.09% 0.0055 85.78)` | Binary Black | white, 20.8 to 1 |
| 2 | `#090602` | `oklch(12.64% 0.0177 86.00)` | Liquorice | white, 20.1 to 1 |
| 3 | `#1f1704` | `oklch(20.78% 0.0355 86.54)` | Noir Mystique | white, 17.8 to 1 |
| 4 | `#3b2d06` | `oklch(30.50% 0.0567 87.19)` | Hidden Passage | white, 13.4 to 1 |
| 5 | `#5c4708` | `oklch(40.83% 0.0793 87.76)` | Mud Brown | white, 8.9 to 1 |
| 6 | `#7d6108` | `oklch(50.78% 0.1012 88.04)` | Ground Earth | white, 5.8 to 1 |
| 7 | `#9c7904` | `oklch(59.36% 0.1203 87.86)` | Yellowish Brown | black, 5.1 to 1 |
| 8 | `#b48a00` | `oklch(65.58% 0.1341 86.98)` | Loden Yellow | black, 6.5 to 1 |
| 9 | `#c19200` | `oklch(68.49% 0.1403 85.23)` | Moutarde de Bénichon | black, 7.3 to 1 |
| 10 | `#c38f00` | `oklch(68.17% 0.1404 82.23)` | Moutarde de Bénichon | black, 7.2 to 1 |
| 11 | `#bd8400` | `oklch(65.39% 0.1362 78.19)` | Yellow Gold | black, 6.4 to 1 |
| 12 | `#b07500` | `oklch(60.86% 0.1293 73.51)` | Philippine Gold | black, 5.3 to 1 |
| 13 | `#9f6300` | `oklch(55.24% 0.1208 68.58)` | Cumin Ochre | white, 4.9 to 1 |
| 14 | `#8c5102` | `oklch(49.24% 0.1106 63.83)` | Plain Old Brown | white, 6.3 to 1 |
| 15 | `#784105` | `oklch(43.53% 0.0996 59.60)` | Hazelnut Chocolate | white, 8.1 to 1 |
| 16 | `#683607` | `oklch(38.79% 0.0896 56.31)` | Nutmeg Wood Finish | white, 9.9 to 1 |
| 17 | `#5c2e09` | `oklch(35.50% 0.0814 54.27)` | Count Chocula | white, 11.3 to 1 |
| 18 | `#51290a` | `oklch(32.75% 0.0728 53.21)` | Bittersweet Chocolate | white, 12.6 to 1 |
| 19 | `#47240c` | `oklch(30.29% 0.0635 52.87)` | Chocolate Castle | white, 13.7 to 1 |
| 20 | `#3d210d` | `oklch(28.07% 0.0541 53.05)` | Medium Roast | white, 14.7 to 1 |
| 21 | `#351e0e` | `oklch(26.04% 0.0448 53.57)` | Close but No Cigar | white, 15.6 to 1 |
| 22 | `#2d1b0e` | `oklch(24.14% 0.0361 54.22)` | Brunneophobia | white, 16.5 to 1 |
| 23 | `#26180e` | `oklch(22.32% 0.0284 54.80)` | Burnt Coffee | white, 17.2 to 1 |
| 24 | `#1f150d` | `oklch(20.53% 0.0220 55.12)` | Soulless | white, 17.9 to 1 |
| 25 | `#19110c` | `oklch(18.73% 0.0172 55.14)` | Black Raspberry | white, 18.6 to 1 |
| 26 | `#140e0a` | `oklch(16.97% 0.0136 55.14)` | Balsamico | white, 19.1 to 1 |
| 27 | `#100b08` | `oklch(15.28% 0.0110 55.14)` | Smoky Black | white, 19.6 to 1 |
| 28 | `#0c0806` | `oklch(13.70% 0.0092 55.14)` | Badab Black Wash | white, 19.9 to 1 |
| 29 | `#080604` | `oklch(12.25% 0.0080 55.14)` | Black Metal | white, 20.2 to 1 |
| 30 | `#060403` | `oklch(10.97% 0.0071 55.14)` | Pupil | white, 20.4 to 1 |
| 31 | `#040302` | `oklch(9.90% 0.0064 55.14)` | Armour Wash | white, 20.6 to 1 |
| 32 | `#030202` | `oklch(9.06% 0.0055 55.14)` | Armour Wash | white, 20.6 to 1 |

## CSS

```css
background: linear-gradient(110deg, #010101 0.0%, #090602 3.2%, #1f1704 6.5%, #3b2d06 9.7%, #5c4708 12.9%, #7d6108 16.1%, #9c7904 19.4%, #b48a00 22.6%, #c19200 25.8%, #c38f00 29.0%, #bd8400 32.3%, #b07500 35.5%, #9f6300 38.7%, #8c5102 41.9%, #784105 45.2%, #683607 48.4%, #5c2e09 51.6%, #51290a 54.8%, #47240c 58.1%, #3d210d 61.3%, #351e0e 64.5%, #2d1b0e 67.7%, #26180e 71.0%, #1f150d 74.2%, #19110c 77.4%, #140e0a 80.6%, #100b08 83.9%, #0c0806 87.1%, #080604 90.3%, #060403 93.5%, #040302 96.8%, #030202 100.0%);
background: linear-gradient(110deg in oklch, oklch(7.09% 0.0055 85.78) 0.0%, oklch(12.64% 0.0177 86.00) 3.2%, oklch(20.78% 0.0355 86.54) 6.5%, oklch(30.50% 0.0567 87.19) 9.7%, oklch(40.83% 0.0793 87.76) 12.9%, oklch(50.78% 0.1012 88.04) 16.1%, oklch(59.36% 0.1203 87.86) 19.4%, oklch(65.58% 0.1341 86.98) 22.6%, oklch(68.49% 0.1403 85.23) 25.8%, oklch(68.17% 0.1404 82.23) 29.0%, oklch(65.39% 0.1362 78.19) 32.3%, oklch(60.86% 0.1293 73.51) 35.5%, oklch(55.24% 0.1208 68.58) 38.7%, oklch(49.24% 0.1106 63.83) 41.9%, oklch(43.53% 0.0996 59.60) 45.2%, oklch(38.79% 0.0896 56.31) 48.4%, oklch(35.50% 0.0814 54.27) 51.6%, oklch(32.75% 0.0728 53.21) 54.8%, oklch(30.29% 0.0635 52.87) 58.1%, oklch(28.07% 0.0541 53.05) 61.3%, oklch(26.04% 0.0448 53.57) 64.5%, oklch(24.14% 0.0361 54.22) 67.7%, oklch(22.32% 0.0284 54.80) 71.0%, oklch(20.53% 0.0220 55.12) 74.2%, oklch(18.73% 0.0172 55.14) 77.4%, oklch(16.97% 0.0136 55.14) 80.6%, oklch(15.28% 0.0110 55.14) 83.9%, oklch(13.70% 0.0092 55.14) 87.1%, oklch(12.25% 0.0080 55.14) 90.3%, oklch(10.97% 0.0071 55.14) 93.5%, oklch(9.90% 0.0064 55.14) 96.8%, oklch(9.06% 0.0055 55.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.071 | 0.006 | 85.8 |
| 2 | 0.681 | 0.141 | 85.8 |
| 3 | 0.37 | 0.085 | 55.1 |
| 4 | 0.201 | 0.021 | 55.1 |
| 5 | 0.091 | 0.006 | 55.1 |

## In these collections

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

## Other forms

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