# Burgundy, orange and navy color palette

The Burgundy, orange and navy color palette brings together dark red, red, orange, gold, and blue. 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 dark red, and its lightest tone is gold.

- Also called: Brown, orange, yellow and blue radial swatches
- Seed: `kWOioVvDu_9PHQNtvUXLiPVI`
- Page: https://grabient.com/kWOioVvDu_9PHQNtvUXLiPVI?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.2 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 | `#33100b` | `oklch(22.83% 0.0579 30.23)` | Black Rooster | white, 17.2 to 1 |
| 2 | `#a42619` | `oklch(47.24% 0.1640 30.23)` | Tabasco | white, 7.3 to 1 |
| 3 | `#f05926` | `oklch(65.75% 0.1957 37.63)` | Prometheus Orange | black, 6.1 to 1 |
| 4 | `#ffca35` | `oklch(86.22% 0.1626 87.30)` | Yellow Jacket | black, 13.7 to 1 |
| 5 | `#263a71` | `oklch(36.22% 0.0978 266.95)` | Blue Expanse | white, 10.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #33100b 0.000% 20.000%, #a42619 20.000% 40.000%, #f05926 40.000% 60.000%, #ffca35 60.000% 80.000%, #263a71 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(22.83% 0.0579 30.23) 0.000% 20.000%, oklch(47.24% 0.1640 30.23) 20.000% 40.000%, oklch(65.75% 0.1957 37.63) 40.000% 60.000%, oklch(86.22% 0.1626 87.30) 60.000% 80.000%, oklch(36.22% 0.0978 266.95) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.058 | 30.2 |
| 2 | 0.472 | 0.164 | 30.2 |
| 3 | 0.657 | 0.196 | 37.6 |
| 4 | 0.862 | 0.168 | 87.3 |
| 5 | 0.362 | 0.098 | 266.9 |

## In these collections

- [Bold swatches](https://grabient.com/bold-swatches)
- [Split complementary swatches](https://grabient.com/split-complementary-swatches)

## Other forms

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