# Bronze and ochre color palette

The Bronze and ochre color palette brings together orange, gold, and dark orange. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits seasonal packaging and event invitations. Its darkest tone is dark orange, and its lightest tone is gold.

- Also called: Vivid brown, orange and olive radial gradient
- Seed: `kWZl4bVUHCV4vQtCKEMJhI5o`
- Page: https://grabient.com/kWZl4bVUHCV4vQtCKEMJhI5o?style=radialGradient&steps=32&angle=210
- Drawn as: radial gradient, 32 steps, 210 degrees
- Kinds: light center, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6 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 | `#7f2502` | `oklch(40.16% 0.1295 37.97)` | Mahogany Brown | white, 9.7 to 1 |
| 2 | `#872b00` | `oklch(42.44% 0.1344 39.55)` | Red Shade Wash | white, 8.8 to 1 |
| 3 | `#933400` | `oklch(45.65% 0.1389 41.56)` | Citrine Brown | white, 7.7 to 1 |
| 4 | `#a13f00` | `oklch(49.48% 0.1438 44.04)` | Powdered Coffee | white, 6.5 to 1 |
| 5 | `#b04b00` | `oklch(53.63% 0.1488 46.81)` | Skrag Brown | white, 5.4 to 1 |
| 6 | `#be5800` | `oklch(57.80% 0.1533 49.76)` | Sebright Chicken | black, 4.5 to 1 |
| 7 | `#cb6400` | `oklch(61.69% 0.1570 52.81)` | Curry Powder | black, 5.3 to 1 |
| 8 | `#d67000` | `oklch(65.00% 0.1594 55.83)` | Marmalade | black, 6.1 to 1 |
| 9 | `#dd7900` | `oklch(67.47% 0.1602 58.75)` | Orange Outburst | black, 6.8 to 1 |
| 10 | `#e28200` | `oklch(69.51% 0.1604 61.69)` | Fulvous | black, 7.3 to 1 |
| 11 | `#e58900` | `oklch(71.30% 0.1603 64.72)` | Hotter Butter | black, 7.9 to 1 |
| 12 | `#e89000` | `oklch(72.78% 0.1599 67.82)` | Carrot Orange | black, 8.4 to 1 |
| 13 | `#e79710` | `oklch(73.89% 0.1561 71.00)` | Autumn Yellow | black, 8.8 to 1 |
| 14 | `#e39d27` | `oklch(74.58% 0.1472 74.21)` | Clarified Butter | black, 9 to 1 |
| 15 | `#dea033` | `oklch(74.78% 0.1389 77.45)` | Courgette Yellow | black, 9.2 to 1 |
| 16 | `#d7a23b` | `oklch(74.42% 0.1321 80.72)` | Courgette Yellow | black, 9.1 to 1 |
| 17 | `#cfa13c` | `oklch(73.42% 0.1275 84.15)` | Cremini | black, 8.8 to 1 |
| 18 | `#c39e39` | `oklch(71.58% 0.1244 88.53)` | Golden Mean | black, 8.3 to 1 |
| 19 | `#b59933` | `oklch(69.06% 0.1224 93.51)` | Sahara | black, 7.5 to 1 |
| 20 | `#a5932b` | `oklch(66.04% 0.1210 98.57)` | Rapeseed Oil | black, 6.7 to 1 |
| 21 | `#968b23` | `oklch(62.70% 0.1196 103.19)` | Potter Green | black, 5.9 to 1 |
| 22 | `#87821b` | `oklch(59.24% 0.1179 106.83)` | Fickle Pickle | black, 5.2 to 1 |
| 23 | `#7a7912` | `oklch(55.84% 0.1153 108.98)` | Medusa’s Snakes | white, 4.6 to 1 |
| 24 | `#706f09` | `oklch(52.69% 0.1115 109.11)` | Bronze Yellow | white, 5.2 to 1 |
| 25 | `#6a6602` | `oklch(49.74% 0.1057 106.56)` | Earthy Khaki Green | white, 5.9 to 1 |
| 26 | `#665a00` | `oklch(46.56% 0.0972 101.14)` | Brussels Sprout Green | white, 6.9 to 1 |
| 27 | `#614f00` | `oklch(43.25% 0.0886 93.70)` | Olive Brown | white, 8 to 1 |
| 28 | `#5b4304` | `oklch(39.97% 0.0799 85.12)` | Sugarloaf Brown | white, 9.2 to 1 |
| 29 | `#54390a` | `oklch(36.85% 0.0706 76.18)` | Pineapple | white, 10.6 to 1 |
| 30 | `#4d3110` | `oklch(34.04% 0.0620 67.77)` | Bavarian Sweet Mustard | white, 11.8 to 1 |
| 31 | `#462b12` | `oklch(31.69% 0.0548 60.74)` | Brown Study | white, 13 to 1 |
| 32 | `#402714` | `oklch(29.92% 0.0496 55.93)` | Night Brown | white, 13.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #7f2502 0.0%, #872b00 3.2%, #933400 6.5%, #a13f00 9.7%, #b04b00 12.9%, #be5800 16.1%, #cb6400 19.4%, #d67000 22.6%, #dd7900 25.8%, #e28200 29.0%, #e58900 32.3%, #e89000 35.5%, #e79710 38.7%, #e39d27 41.9%, #dea033 45.2%, #d7a23b 48.4%, #cfa13c 51.6%, #c39e39 54.8%, #b59933 58.1%, #a5932b 61.3%, #968b23 64.5%, #87821b 67.7%, #7a7912 71.0%, #706f09 74.2%, #6a6602 77.4%, #665a00 80.6%, #614f00 83.9%, #5b4304 87.1%, #54390a 90.3%, #4d3110 93.5%, #462b12 96.8%, #402714 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(40.16% 0.1295 37.97) 0.0%, oklch(42.44% 0.1344 39.55) 3.2%, oklch(45.65% 0.1389 41.56) 6.5%, oklch(49.48% 0.1438 44.04) 9.7%, oklch(53.63% 0.1488 46.81) 12.9%, oklch(57.80% 0.1533 49.76) 16.1%, oklch(61.69% 0.1570 52.81) 19.4%, oklch(65.00% 0.1594 55.83) 22.6%, oklch(67.47% 0.1602 58.75) 25.8%, oklch(69.51% 0.1604 61.69) 29.0%, oklch(71.30% 0.1603 64.72) 32.3%, oklch(72.78% 0.1599 67.82) 35.5%, oklch(73.89% 0.1561 71.00) 38.7%, oklch(74.58% 0.1472 74.21) 41.9%, oklch(74.78% 0.1389 77.45) 45.2%, oklch(74.42% 0.1321 80.72) 48.4%, oklch(73.42% 0.1275 84.15) 51.6%, oklch(71.58% 0.1244 88.53) 54.8%, oklch(69.06% 0.1224 93.51) 58.1%, oklch(66.04% 0.1210 98.57) 61.3%, oklch(62.70% 0.1196 103.19) 64.5%, oklch(59.24% 0.1179 106.83) 67.7%, oklch(55.84% 0.1153 108.98) 71.0%, oklch(52.69% 0.1115 109.11) 74.2%, oklch(49.74% 0.1057 106.56) 77.4%, oklch(46.56% 0.0972 101.14) 80.6%, oklch(43.25% 0.0886 93.70) 83.9%, oklch(39.97% 0.0799 85.12) 87.1%, oklch(36.85% 0.0706 76.18) 90.3%, oklch(34.04% 0.0620 67.77) 93.5%, oklch(31.69% 0.0548 60.74) 96.8%, oklch(29.92% 0.0496 55.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.13 | 38 |
| 2 | 0.669 | 0.181 | 58 |
| 3 | 0.74 | 0.13 | 82.4 |
| 4 | 0.52 | 0.11 | 108.8 |
| 5 | 0.299 | 0.05 | 55.9 |

## In these collections

- [Harvest gradients](https://grabient.com/harvest-gradients)
- [Autumn gradients](https://grabient.com/autumn-gradients)

## Other forms

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