# Ochre, bronze and burgundy color palette

The Ochre, bronze and burgundy color palette brings together gold, orange, red, and dark red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is dark red, and its lightest tone is gold.

- Also called: Vivid tan, orange and maroon linear swatches
- Seed: `kW0FBC2LM90Q3vExuj4JClAA`
- Page: https://grabient.com/kW0FBC2LM90Q3vExuj4JClAA?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.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 | `#dcc26c` | `oklch(81.89% 0.1102 93.52)` | Highlight Gold | black, 12 to 1 |
| 2 | `#d8b659` | `oklch(78.87% 0.1188 89.33)` | Luxurious | black, 10.7 to 1 |
| 3 | `#d4a43c` | `oklch(74.50% 0.1307 83.14)` | Curry | black, 9.1 to 1 |
| 4 | `#cf8f19` | `oklch(69.69% 0.1406 75.55)` | End of Summer | black, 7.6 to 1 |
| 5 | `#c87800` | `oklch(64.54% 0.1440 65.71)` | Dirty Orange | black, 6.1 to 1 |
| 6 | `#bd6000` | `oklch(58.95% 0.1469 54.46)` | Crema | black, 4.8 to 1 |
| 7 | `#b24801` | `oklch(53.54% 0.1530 44.91)` | Beef Bourguignon | white, 5.5 to 1 |
| 8 | `#a43202` | `oklch(48.43% 0.1576 37.90)` | Enfield Brown | white, 6.9 to 1 |
| 9 | `#961a01` | `oklch(43.48% 0.1617 32.54)` | Totem Pole | white, 8.6 to 1 |
| 10 | `#860001` | `oklch(38.98% 0.1598 29.05)` | Sacrifice Altar | white, 10.4 to 1 |
| 11 | `#720003` | `oklch(34.77% 0.1422 28.25)` | Hellbound | white, 12.1 to 1 |
| 12 | `#610000` | `oklch(30.96% 0.1271 29.23)` | Spikey Red | white, 13.9 to 1 |
| 13 | `#540300` | `oklch(28.35% 0.1130 30.11)` | Soooo Bloody | white, 15 to 1 |

## CSS

```css
background: linear-gradient(90deg, #dcc26c 0.000% 7.692%, #d8b659 7.692% 15.385%, #d4a43c 15.385% 23.077%, #cf8f19 23.077% 30.769%, #c87800 30.769% 38.462%, #bd6000 38.462% 46.154%, #b24801 46.154% 53.846%, #a43202 53.846% 61.538%, #961a01 61.538% 69.231%, #860001 69.231% 76.923%, #720003 76.923% 84.615%, #610000 84.615% 92.308%, #540300 92.308% 100.000%);
background: linear-gradient(90deg, oklch(81.89% 0.1102 93.52) 0.000% 7.692%, oklch(78.87% 0.1188 89.33) 7.692% 15.385%, oklch(74.50% 0.1307 83.14) 15.385% 23.077%, oklch(69.69% 0.1406 75.55) 23.077% 30.769%, oklch(64.54% 0.1440 65.71) 30.769% 38.462%, oklch(58.95% 0.1469 54.46) 38.462% 46.154%, oklch(53.54% 0.1530 44.91) 46.154% 53.846%, oklch(48.43% 0.1576 37.90) 53.846% 61.538%, oklch(43.48% 0.1617 32.54) 61.538% 69.231%, oklch(38.98% 0.1598 29.05) 69.231% 76.923%, oklch(34.77% 0.1422 28.25) 76.923% 84.615%, oklch(30.96% 0.1271 29.23) 84.615% 92.308%, oklch(28.35% 0.1130 30.11) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.11 | 93.5 |
| 2 | 0.697 | 0.141 | 75.6 |
| 3 | 0.535 | 0.153 | 44.9 |
| 4 | 0.39 | 0.16 | 29.1 |
| 5 | 0.283 | 0.113 | 30.1 |

## In these collections

- [Retro gradients](https://grabient.com/retro-gradients)
- [Harvest gradients](https://grabient.com/harvest-gradients)
- [Weather map gradients](https://grabient.com/weather-map-gradients)
- [Wheat field sunset](https://grabient.com/wheat-field-sunset)

## Other forms

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