# Burgundy and near-black color palette

The Burgundy and near-black color palette brings together dark red, light orange, orange, and gold. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits website sections and interface mockups. Its darkest tone is gold, and its lightest tone is light orange.

- Also called: Maroon, gray, brown and black linear swatches
- Seed: `kWTEkNZY7Hp6gt8tosSnRfGo`
- Page: https://grabient.com/kWTEkNZY7Hp6gt8tosSnRfGo?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid, dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 9 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 | `#550f19` | `oklch(29.92% 0.1006 18.28)` | Chocolate Cosmos | white, 14.2 to 1 |
| 2 | `#cabca1` | `oklch(79.92% 0.0400 83.80)` | Windsor Tan | black, 11.1 to 1 |
| 3 | `#400311` | `oklch(24.02% 0.0896 15.11)` | Berry Chocolate | white, 16.9 to 1 |
| 4 | `#5f2d00` | `oklch(35.83% 0.0886 55.14)` | Count Chocula | white, 11.2 to 1 |
| 5 | `#1d1f00` | `oklch(22.84% 0.0507 112.33)` | Liquorice Root | white, 16.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #550f19 0.000% 20.000%, #cabca1 20.000% 40.000%, #400311 40.000% 60.000%, #5f2d00 60.000% 80.000%, #1d1f00 80.000% 100.000%);
background: linear-gradient(90deg, oklch(29.92% 0.1006 18.28) 0.000% 20.000%, oklch(79.92% 0.0400 83.80) 20.000% 40.000%, oklch(24.02% 0.0896 15.11) 40.000% 60.000%, oklch(35.83% 0.0886 55.14) 60.000% 80.000%, oklch(22.84% 0.0507 112.33) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.101 | 18.3 |
| 2 | 0.799 | 0.04 | 83.8 |
| 3 | 0.24 | 0.09 | 15.1 |
| 4 | 0.358 | 0.095 | 55.3 |
| 5 | 0.228 | 0.065 | 112.3 |

## In these collections

- [Moody swatches](https://grabient.com/moody-swatches)
- [Dark swatches](https://grabient.com/dark-swatches)
- [Dark academia swatches](https://grabient.com/dark-academia-swatches)

## Other forms

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