# Yellow, bronze and burgundy orange palette

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

- Also called: Analogous beige, orange and maroon angular gradient
- Seed: `kW30hLYbS9kw4u83P71qC3AA`
- Page: https://grabient.com/kW30hLYbS9kw4u83P71qC3AA?style=angularGradient&steps=13
- Drawn as: angular gradient, 13 steps, 90 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#e0db8d` | `oklch(87.80% 0.0992 105.47)` | Lively Laugh | black, 14.6 to 1 |
| 2 | `#ded177` | `oklch(85.16% 0.1123 100.81)` | Golden Rice | black, 13.4 to 1 |
| 3 | `#dec054` | `oklch(81.29% 0.1304 93.92)` | Cream Gold | black, 11.7 to 1 |
| 4 | `#ddab2d` | `oklch(76.77% 0.1447 85.39)` | Currywurst | black, 9.9 to 1 |
| 5 | `#da9304` | `oklch(71.55% 0.1506 74.35)` | Harvest Eve Gold | black, 8.1 to 1 |
| 6 | `#d17800` | `oklch(65.68% 0.1516 61.65)` | Autumn Leaf Orange | black, 6.3 to 1 |
| 7 | `#c65e04` | `oklch(59.84% 0.1557 50.52)` | Kvass | black, 4.9 to 1 |
| 8 | `#b94301` | `oklch(54.13% 0.1641 41.63)` | Bolognese | white, 5.4 to 1 |
| 9 | `#ab2600` | `oklch(48.46% 0.1732 34.23)` | Rust Red | white, 6.9 to 1 |
| 10 | `#9a0502` | `oklch(43.31% 0.1750 29.38)` | Deep Red | white, 8.7 to 1 |
| 11 | `#840004` | `oklch(38.60% 0.1578 28.17)` | Dark Red | white, 10.5 to 1 |
| 12 | `#710000` | `oklch(34.38% 0.1408 29.31)` | Hellbound | white, 12.3 to 1 |
| 13 | `#620400` | `oklch(31.50% 0.1253 30.29)` | Vampire Hunter | white, 13.6 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #e0db8d 0.0%, #ded177 8.3%, #dec054 16.7%, #ddab2d 25.0%, #da9304 33.3%, #d17800 41.7%, #c65e04 50.0%, #b94301 58.3%, #ab2600 66.7%, #9a0502 75.0%, #840004 83.3%, #710000 91.7%, #620400 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(87.80% 0.0992 105.47) 0.0%, oklch(85.16% 0.1123 100.81) 8.3%, oklch(81.29% 0.1304 93.92) 16.7%, oklch(76.77% 0.1447 85.39) 25.0%, oklch(71.55% 0.1506 74.35) 33.3%, oklch(65.68% 0.1516 61.65) 41.7%, oklch(59.84% 0.1557 50.52) 50.0%, oklch(54.13% 0.1641 41.63) 58.3%, oklch(48.46% 0.1732 34.23) 66.7%, oklch(43.31% 0.1750 29.38) 75.0%, oklch(38.60% 0.1578 28.17) 83.3%, oklch(34.38% 0.1408 29.31) 91.7%, oklch(31.50% 0.1253 30.29) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.099 | 105.5 |
| 2 | 0.768 | 0.145 | 85.4 |
| 3 | 0.598 | 0.156 | 50.5 |
| 4 | 0.433 | 0.175 | 29.4 |
| 5 | 0.315 | 0.125 | 30.4 |

## In these collections

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

## Other forms

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