# Bronze and ochre gold palette

The Bronze and ochre gold palette brings together gold. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its lightest and darkest tones both fall within the gold color family.

- Also called: Vivid analogous brown and mustard angular gradient
- Seed: `kSf1AzZLpCk2vPo`
- Page: https://grabient.com/kSf1AzZLpCk2vPo?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: vivid, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.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 | `#885700` | `oklch(50.00% 0.1073 71.68)` | Spear Shaft | white, 6.1 to 1 |
| 2 | `#8c5b00` | `oklch(51.15% 0.1092 72.55)` | Rat Brown | white, 5.8 to 1 |
| 3 | `#915f00` | `oklch(52.68% 0.1118 73.71)` | Rat Brown | white, 5.4 to 1 |
| 4 | `#976500` | `oklch(54.52% 0.1150 75.10)` | Gamboge Brown | white, 5 to 1 |
| 5 | `#9d6b00` | `oklch(56.62% 0.1186 76.68)` | Balor Brown | white, 4.6 to 1 |
| 6 | `#a47200` | `oklch(58.91% 0.1226 78.40)` | Barbarian Leather | black, 5 to 1 |
| 7 | `#ab7a00` | `oklch(61.33% 0.1269 80.23)` | Brown Butter | black, 5.5 to 1 |
| 8 | `#b38200` | `oklch(63.82% 0.1315 82.11)` | Arrowwood | black, 6.1 to 1 |
| 9 | `#ba8a00` | `oklch(66.32% 0.1361 84.00)` | Kenyan Sand | black, 6.7 to 1 |
| 10 | `#c19300` | `oklch(68.77% 0.1408 85.85)` | Moutarde de Bénichon | black, 7.4 to 1 |
| 11 | `#c89b00` | `oklch(71.10% 0.1454 87.62)` | Molten Bronze | black, 8.1 to 1 |
| 12 | `#cea200` | `oklch(73.26% 0.1497 89.27)` | Lepton Gold | black, 8.8 to 1 |
| 13 | `#d3a904` | `oklch(75.18% 0.1531 90.75)` | Armageddon Dust | black, 9.4 to 1 |
| 14 | `#d7af09` | `oklch(76.80% 0.1558 92.01)` | Palomino Gold | black, 10 to 1 |
| 15 | `#dab40d` | `oklch(78.06% 0.1580 93.00)` | Gold Tooth | black, 10.4 to 1 |
| 16 | `#dcb70f` | `oklch(78.89% 0.1594 93.69)` | Patrinia Flowers | black, 10.8 to 1 |
| 17 | `#ddb810` | `oklch(79.25% 0.1601 94.04)` | Plague Brown | black, 10.9 to 1 |
| 18 | `#ddb810` | `oklch(79.17% 0.1599 94.07)` | Plague Brown | black, 10.9 to 1 |
| 19 | `#dbb60f` | `oklch(78.70% 0.1592 93.83)` | Patrinia Flowers | black, 10.7 to 1 |
| 20 | `#d9b30c` | `oklch(77.88% 0.1578 93.34)` | Crown of Liechtenstein | black, 10.4 to 1 |
| 21 | `#d6af08` | `oklch(76.79% 0.1560 92.66)` | Palomino Gold | black, 10 to 1 |
| 22 | `#d3ab04` | `oklch(75.46% 0.1538 91.81)` | Burnt Yellow | black, 9.5 to 1 |
| 23 | `#cea500` | `oklch(73.95% 0.1512 90.83)` | Prehnite Yellow | black, 9 to 1 |
| 24 | `#caa000` | `oklch(72.32% 0.1478 89.75)` | Lepton Gold | black, 8.5 to 1 |
| 25 | `#c59a00` | `oklch(70.62% 0.1443 88.63)` | Molten Bronze | black, 7.9 to 1 |
| 26 | `#c09400` | `oklch(68.89% 0.1408 87.48)` | Nugget Gold | black, 7.4 to 1 |
| 27 | `#bb8e00` | `oklch(67.19% 0.1375 86.36)` | Moutarde de Bénichon | black, 7 to 1 |
| 28 | `#b68900` | `oklch(65.58% 0.1344 85.28)` | Loden Yellow | black, 6.5 to 1 |
| 29 | `#b28400` | `oklch(64.10% 0.1315 84.30)` | Arrowwood | black, 6.1 to 1 |
| 30 | `#ae8000` | `oklch(62.82% 0.1291 83.45)` | Murder Mustard | black, 5.8 to 1 |
| 31 | `#aa7d00` | `oklch(61.77% 0.1271 82.76)` | Brown Butter | black, 5.6 to 1 |
| 32 | `#a87a00` | `oklch(61.02% 0.1257 82.27)` | Bronze | black, 5.4 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #885700 0.0%, #8c5b00 3.2%, #915f00 6.5%, #976500 9.7%, #9d6b00 12.9%, #a47200 16.1%, #ab7a00 19.4%, #b38200 22.6%, #ba8a00 25.8%, #c19300 29.0%, #c89b00 32.3%, #cea200 35.5%, #d3a904 38.7%, #d7af09 41.9%, #dab40d 45.2%, #dcb70f 48.4%, #ddb810 51.6%, #ddb810 54.8%, #dbb60f 58.1%, #d9b30c 61.3%, #d6af08 64.5%, #d3ab04 67.7%, #cea500 71.0%, #caa000 74.2%, #c59a00 77.4%, #c09400 80.6%, #bb8e00 83.9%, #b68900 87.1%, #b28400 90.3%, #ae8000 93.5%, #aa7d00 96.8%, #a87a00 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(50.00% 0.1073 71.68) 0.0%, oklch(51.15% 0.1092 72.55) 3.2%, oklch(52.68% 0.1118 73.71) 6.5%, oklch(54.52% 0.1150 75.10) 9.7%, oklch(56.62% 0.1186 76.68) 12.9%, oklch(58.91% 0.1226 78.40) 16.1%, oklch(61.33% 0.1269 80.23) 19.4%, oklch(63.82% 0.1315 82.11) 22.6%, oklch(66.32% 0.1361 84.00) 25.8%, oklch(68.77% 0.1408 85.85) 29.0%, oklch(71.10% 0.1454 87.62) 32.3%, oklch(73.26% 0.1497 89.27) 35.5%, oklch(75.18% 0.1531 90.75) 38.7%, oklch(76.80% 0.1558 92.01) 41.9%, oklch(78.06% 0.1580 93.00) 45.2%, oklch(78.89% 0.1594 93.69) 48.4%, oklch(79.25% 0.1601 94.04) 51.6%, oklch(79.17% 0.1599 94.07) 54.8%, oklch(78.70% 0.1592 93.83) 58.1%, oklch(77.88% 0.1578 93.34) 61.3%, oklch(76.79% 0.1560 92.66) 64.5%, oklch(75.46% 0.1538 91.81) 67.7%, oklch(73.95% 0.1512 90.83) 71.0%, oklch(72.32% 0.1478 89.75) 74.2%, oklch(70.62% 0.1443 88.63) 77.4%, oklch(68.89% 0.1408 87.48) 80.6%, oklch(67.19% 0.1375 86.36) 83.9%, oklch(65.58% 0.1344 85.28) 87.1%, oklch(64.10% 0.1315 84.30) 90.3%, oklch(62.82% 0.1291 83.45) 93.5%, oklch(61.77% 0.1271 82.76) 96.8%, oklch(61.02% 0.1257 82.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.11 | 71.7 |
| 2 | 0.791 | 0.16 | 93.9 |
| 3 | 0.61 | 0.13 | 82.3 |

## In these collections

- [Golden pollen](https://grabient.com/golden-pollen)
- [Gold gradients](https://grabient.com/gold-gradients)

## Other forms

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