# Burgundy, mauve and tan color palette

The Burgundy, mauve and tan color palette brings together dark red, light red, dark orange, and yellow. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is dark orange, and its lightest tone is light red.

- Also called: Maroon, pink, brown and gray linear swatches
- Seed: `kUTEkI6AzAp6Qw3JlEeA`
- Page: https://grabient.com/kUTEkI6AzAp6Qw3JlEeA?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: muted, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.3 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 | `#540f20` | `oklch(29.92% 0.1006 11.95)` | Maroon Oak | white, 14.2 to 1 |
| 2 | `#d9bbbb` | `oklch(81.89% 0.0344 18.29)` | Bombay Pink | black, 11.8 to 1 |
| 3 | `#31180b` | `oklch(24.02% 0.0455 47.88)` | Darkout | white, 16.6 to 1 |
| 4 | `#7a7e58` | `oklch(57.87% 0.0551 112.34)` | Grape Vine | black, 4.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #540f20 0.000% 25.000%, #d9bbbb 25.000% 50.000%, #31180b 50.000% 75.000%, #7a7e58 75.000% 100.000%);
background: linear-gradient(90deg, oklch(29.92% 0.1006 11.95) 0.000% 25.000%, oklch(81.89% 0.0344 18.29) 25.000% 50.000%, oklch(24.02% 0.0455 47.88) 50.000% 75.000%, oklch(57.87% 0.0551 112.34) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.101 | 12 |
| 2 | 0.819 | 0.034 | 18.3 |
| 3 | 0.24 | 0.045 | 47.9 |
| 4 | 0.579 | 0.055 | 112.3 |

## In these collections

- [Fall swatches](https://grabient.com/fall-swatches)
- [Red and green swatches](https://grabient.com/red-and-green-swatches)

## Other forms

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