# Burgundy and bronze color palette

The Burgundy and bronze color palette brings together red, black, orange, and dark red. The colors span a moderate lightness range, combining strong color with clear contrast. Its dark and grounded character suits game interface concepts and stream graphics. Its darkest tone is black, and its lightest tone is orange.

- Also called: Analogous maroon, black and brown linear swatches
- Seed: `kWVoMNDwPBbvFQWXCT5Iq8-Q`
- Page: https://grabient.com/kWVoMNDwPBbvFQWXCT5Iq8-Q?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid, dark, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.7 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 | `#6d001a` | `oklch(33.88% 0.1358 18.34)` | Claret | white, 12.6 to 1 |
| 2 | `#080504` | `oklch(11.81% 0.0096 30.96)` | Black Metal | white, 20.3 to 1 |
| 3 | `#963900` | `oklch(46.85% 0.1373 43.59)` | Citrine Brown | white, 7.2 to 1 |
| 4 | `#1c0e0b` | `oklch(18.11% 0.0248 29.91)` | Scandinavian Liquorice | white, 18.8 to 1 |
| 5 | `#4f0013` | `oklch(27.20% 0.1088 16.28)` | Saving Light | white, 15.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #6d001a 0.000% 20.000%, #080504 20.000% 40.000%, #963900 40.000% 60.000%, #1c0e0b 60.000% 80.000%, #4f0013 80.000% 100.000%);
background: linear-gradient(90deg, oklch(33.88% 0.1358 18.34) 0.000% 20.000%, oklch(11.81% 0.0096 30.96) 20.000% 40.000%, oklch(46.85% 0.1373 43.59) 40.000% 60.000%, oklch(18.11% 0.0248 29.91) 60.000% 80.000%, oklch(27.20% 0.1088 16.28) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.181 | 18.3 |
| 2 | 0.118 | 0.01 | 31 |
| 3 | 0.469 | 0.19 | 43.6 |
| 4 | 0.181 | 0.025 | 29.9 |
| 5 | 0.272 | 0.13 | 16.2 |

## In these collections

- [Halloween swatches](https://grabient.com/halloween-swatches)
- [Hunger Games swatches](https://grabient.com/hunger-games-swatches)

## Other forms

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