# Mauve, bronze and tan dark academia palette

The Mauve, bronze and tan dark academia palette brings together dark magenta, magenta, yellow, and orange. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark magenta, and its lightest tone is orange.

- Also called: Black, purple, gray and brown linear swatches
- Seed: `kURhL0sZfBDgOzjPEbsg`
- Page: https://grabient.com/kURhL0sZfBDgOzjPEbsg?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: dark to light, muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 4.1 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 | `#31232b` | `oklch(27.56% 0.0248 343.83)` | Delighted Chimp | white, 14.9 to 1 |
| 2 | `#603648` | `oklch(38.98% 0.0648 353.34)` | Art Deco Red | white, 9.9 to 1 |
| 3 | `#52553c` | `oklch(44.09% 0.0400 113.81)` | Avocado Pear | white, 7.6 to 1 |
| 4 | `#998367` | `oklch(62.20% 0.0482 73.65)` | Knot | black, 5.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #31232b 0.000% 25.000%, #603648 25.000% 50.000%, #52553c 50.000% 75.000%, #998367 75.000% 100.000%);
background: linear-gradient(90deg, oklch(27.56% 0.0248 343.83) 0.000% 25.000%, oklch(38.98% 0.0648 353.34) 25.000% 50.000%, oklch(44.09% 0.0400 113.81) 50.000% 75.000%, oklch(62.20% 0.0482 73.65) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.276 | 0.025 | 343.8 |
| 2 | 0.39 | 0.065 | 353.3 |
| 3 | 0.441 | 0.04 | 473.8 |
| 4 | 0.622 | 0.048 | 433.7 |

## In these collections

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

## Other forms

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