# Gold, orange and burgundy color palette

The Gold, orange and burgundy color palette brings together light yellow, 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 campaign graphics. Its darkest tone is red, and its lightest tone is light yellow.

- Also called: Warm beige, orange and maroon linear swatches
- Seed: `kW50FF5ba9lVFPTBQb0p6S-I`
- Page: https://grabient.com/kW50FF5ba9lVFPTBQb0p6S-I?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#f1e29d` | `oklch(90.94% 0.0896 97.73)` | Bells and Whistles Gold | black, 16.1 to 1 |
| 2 | `#f2b036` | `oklch(79.92% 0.1502 77.66)` | Cheesy Cheetah | black, 11 to 1 |
| 3 | `#e17300` | `oklch(66.93% 0.1670 54.39)` | Pumpkin Soup | black, 6.6 to 1 |
| 4 | `#b72a17` | `oklch(51.18% 0.1805 31.16)` | Red Death | white, 6.2 to 1 |
| 5 | `#59131e` | `oklch(31.10% 0.1006 16.36)` | Chocolate Cosmos | white, 13.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f1e29d 0.000% 20.000%, #f2b036 20.000% 40.000%, #e17300 40.000% 60.000%, #b72a17 60.000% 80.000%, #59131e 80.000% 100.000%);
background: linear-gradient(90deg, oklch(90.94% 0.0896 97.73) 0.000% 20.000%, oklch(79.92% 0.1502 77.66) 20.000% 40.000%, oklch(66.93% 0.1670 54.39) 40.000% 60.000%, oklch(51.18% 0.1805 31.16) 60.000% 80.000%, oklch(31.10% 0.1006 16.36) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.09 | 97.7 |
| 2 | 0.799 | 0.15 | 77.7 |
| 3 | 0.669 | 0.19 | 54.4 |
| 4 | 0.512 | 0.181 | 31.2 |
| 5 | 0.311 | 0.101 | 16.4 |

## In these collections

- [Warm swatches](https://grabient.com/warm-swatches)
- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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