# Ochre and bronze color palette

Vivid analogous orange to brown radial gradient with 32 colors: #f1ba4a, #efb846, #eeb542, #edb23c, #ebaf34, #e9ab2c, #e7a721, #e5a311, #e29f00, #de9b00, #db9700, #d79300, #d38f00, #cf8b00, #cb8700, #c88400, #c48100, #c17d00, #bd7900, #b97600, #b57200, #b26e00, #ae6a00, #aa6700, #a66300, #a26000, #9f5d00, #9b5a00, #985700, #965400, #935200, #915100. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid analogous orange to brown radial gradient
- Seed: `kS0GY61D2-z-zPo`
- Page: https://grabient.com/kS0GY61D2-z-zPo?style=radialGradient&steps=32&angle=30
- Drawn as: radial gradient, 32 steps, 30 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#f1ba4a` | `oklch(81.89% 0.1406 82.27)` | Maximum Yellow Red | black, 11.8 to 1 |
| 2 | `#efb846` | `oklch(81.32% 0.1417 81.92)` | Maximum Yellow Red | black, 11.6 to 1 |
| 3 | `#eeb542` | `oklch(80.63% 0.1433 81.52)` | Dairy Made | black, 11.3 to 1 |
| 4 | `#edb23c` | `oklch(79.84% 0.1452 81.06)` | Dairy Made | black, 11 to 1 |
| 5 | `#ebaf34` | `oklch(78.95% 0.1474 80.54)` | Midsummer Gold | black, 10.6 to 1 |
| 6 | `#e9ab2c` | `oklch(77.99% 0.1498 79.98)` | Apricot Glazed Chicken | black, 10.3 to 1 |
| 7 | `#e7a721` | `oklch(76.96% 0.1523 79.37)` | Illuminate Me | black, 9.9 to 1 |
| 8 | `#e5a311` | `oklch(75.87% 0.1549 78.73)` | Flambrosia | black, 9.5 to 1 |
| 9 | `#e29f00` | `oklch(74.74% 0.1558 78.06)` | Bilious Brown | black, 9.1 to 1 |
| 10 | `#de9b00` | `oklch(73.58% 0.1537 77.37)` | Orange Satisfaction | black, 8.7 to 1 |
| 11 | `#db9700` | `oklch(72.40% 0.1517 76.66)` | Orange Satisfaction | black, 8.4 to 1 |
| 12 | `#d79300` | `oklch(71.21% 0.1496 75.94)` | Harvest Eve Gold | black, 8 to 1 |
| 13 | `#d38f00` | `oklch(70.04% 0.1476 75.22)` | End of Summer | black, 7.6 to 1 |
| 14 | `#cf8b00` | `oklch(68.88% 0.1456 74.50)` | Festering Brown | black, 7.3 to 1 |
| 15 | `#cb8700` | `oklch(67.75% 0.1437 73.78)` | Lobster Butter Sauce | black, 7 to 1 |
| 16 | `#c88400` | `oklch(66.66% 0.1419 73.08)` | Bubonic Brown | black, 6.7 to 1 |
| 17 | `#c48100` | `oklch(65.62% 0.1402 72.39)` | Turmeric Brown | black, 6.4 to 1 |
| 18 | `#c17d00` | `oklch(64.53% 0.1384 71.64)` | Guo Tie Dumpling | black, 6.2 to 1 |
| 19 | `#bd7900` | `oklch(63.39% 0.1366 70.85)` | Cassandra’s Curse | black, 5.9 to 1 |
| 20 | `#b97600` | `oklch(62.21% 0.1347 70.02)` | Cassandra’s Curse | black, 5.6 to 1 |
| 21 | `#b57200` | `oklch(61.00% 0.1328 69.16)` | Sweet Mulled Cider | black, 5.3 to 1 |
| 22 | `#b26e00` | `oklch(59.79% 0.1310 68.29)` | Caramel | black, 5.1 to 1 |
| 23 | `#ae6a00` | `oklch(58.58% 0.1291 67.41)` | Caramel | black, 4.8 to 1 |
| 24 | `#aa6700` | `oklch(57.38% 0.1272 66.53)` | Butter Fudge | black, 4.6 to 1 |
| 25 | `#a66300` | `oklch(56.22% 0.1255 65.68)` | Butter Fudge | white, 4.7 to 1 |
| 26 | `#a26000` | `oklch(55.09% 0.1238 64.85)` | Soft Tone Ink | white, 4.9 to 1 |
| 27 | `#9f5d00` | `oklch(54.03% 0.1221 64.06)` | Soft Tone Ink | white, 5.2 to 1 |
| 28 | `#9b5a00` | `oklch(53.03% 0.1206 63.32)` | Sepia Wash | white, 5.4 to 1 |
| 29 | `#985700` | `oklch(52.12% 0.1193 62.64)` | Charlie Brown | white, 5.6 to 1 |
| 30 | `#965400` | `oklch(51.30% 0.1180 62.03)` | Charlie Brown | white, 5.8 to 1 |
| 31 | `#935200` | `oklch(50.59% 0.1169 61.51)` | Mochaccino | white, 6 to 1 |
| 32 | `#915100` | `oklch(50.00% 0.1160 61.08)` | Plain Old Brown | white, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f1ba4a 0.0%, #efb846 3.2%, #eeb542 6.5%, #edb23c 9.7%, #ebaf34 12.9%, #e9ab2c 16.1%, #e7a721 19.4%, #e5a311 22.6%, #e29f00 25.8%, #de9b00 29.0%, #db9700 32.3%, #d79300 35.5%, #d38f00 38.7%, #cf8b00 41.9%, #cb8700 45.2%, #c88400 48.4%, #c48100 51.6%, #c17d00 54.8%, #bd7900 58.1%, #b97600 61.3%, #b57200 64.5%, #b26e00 67.7%, #ae6a00 71.0%, #aa6700 74.2%, #a66300 77.4%, #a26000 80.6%, #9f5d00 83.9%, #9b5a00 87.1%, #985700 90.3%, #965400 93.5%, #935200 96.8%, #915100 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.89% 0.1406 82.27) 0.0%, oklch(81.32% 0.1417 81.92) 3.2%, oklch(80.63% 0.1433 81.52) 6.5%, oklch(79.84% 0.1452 81.06) 9.7%, oklch(78.95% 0.1474 80.54) 12.9%, oklch(77.99% 0.1498 79.98) 16.1%, oklch(76.96% 0.1523 79.37) 19.4%, oklch(75.87% 0.1549 78.73) 22.6%, oklch(74.74% 0.1558 78.06) 25.8%, oklch(73.58% 0.1537 77.37) 29.0%, oklch(72.40% 0.1517 76.66) 32.3%, oklch(71.21% 0.1496 75.94) 35.5%, oklch(70.04% 0.1476 75.22) 38.7%, oklch(68.88% 0.1456 74.50) 41.9%, oklch(67.75% 0.1437 73.78) 45.2%, oklch(66.66% 0.1419 73.08) 48.4%, oklch(65.62% 0.1402 72.39) 51.6%, oklch(64.53% 0.1384 71.64) 54.8%, oklch(63.39% 0.1366 70.85) 58.1%, oklch(62.21% 0.1347 70.02) 61.3%, oklch(61.00% 0.1328 69.16) 64.5%, oklch(59.79% 0.1310 68.29) 67.7%, oklch(58.58% 0.1291 67.41) 71.0%, oklch(57.38% 0.1272 66.53) 74.2%, oklch(56.22% 0.1255 65.68) 77.4%, oklch(55.09% 0.1238 64.85) 80.6%, oklch(54.03% 0.1221 64.06) 83.9%, oklch(53.03% 0.1206 63.32) 87.1%, oklch(52.12% 0.1193 62.64) 90.3%, oklch(51.30% 0.1180 62.03) 93.5%, oklch(50.59% 0.1169 61.51) 96.8%, oklch(50.00% 0.1160 61.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.141 | 82.3 |
| 2 | 0.661 | 0.169 | 72.8 |
| 3 | 0.5 | 0.141 | 61.1 |

## In these collections

- [Hero section gradients](https://grabient.com/hero-section-gradients)
- [Orange gradients](https://grabient.com/orange-gradients)

## Other forms

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