# Bronze and burgundy color palette

The Bronze and burgundy color palette brings together orange, red, and dark red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark red, and its lightest tone is orange.

- Also called: Analogous orange, maroon and brown linear swatches
- Seed: `kUm4MiO7o_Csrvwalj8g`
- Page: https://grabient.com/kUm4MiO7o_Csrvwalj8g?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.4 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 | `#d05c00` | `oklch(61.02% 0.1667 47.79)` | Exuberance | black, 5.2 to 1 |
| 2 | `#9a3400` | `oklch(46.85% 0.1460 40.36)` | Chocoholic | white, 7.3 to 1 |
| 3 | `#681403` | `oklch(33.86% 0.1199 33.02)` | Cowpeas | white, 12.4 to 1 |
| 4 | `#2e0a08` | `oklch(20.87% 0.0606 26.68)` | 3AM Breakup | white, 18 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d05c00 0.000% 25.000%, #9a3400 25.000% 50.000%, #681403 50.000% 75.000%, #2e0a08 75.000% 100.000%);
background: linear-gradient(90deg, oklch(61.02% 0.1667 47.79) 0.000% 25.000%, oklch(46.85% 0.1460 40.36) 25.000% 50.000%, oklch(33.86% 0.1199 33.02) 50.000% 75.000%, oklch(20.87% 0.0606 26.68) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.61 | 0.181 | 47.8 |
| 2 | 0.469 | 0.16 | 40.4 |
| 3 | 0.339 | 0.12 | 33 |
| 4 | 0.209 | 0.061 | 26.7 |

## In these collections

- [Warm swatches](https://grabient.com/warm-swatches)
- [Orange swatches](https://grabient.com/orange-swatches)

## Other forms

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