# Aubergine, crimson and gold back to school

The Aubergine, crimson and gold back to school brings together purple, red, orange, gold, and pale orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is purple, and its lightest tone is pale orange.

- Also called: Tritone purple, red and beige linear swatches
- Seed: `kYYEDfuyXFUczw1VtEJajFE3OVP6`
- Page: https://grabient.com/kYYEDfuyXFUczw1VtEJajFE3OVP6?style=linearSwatches&steps=6&angle=45
- Drawn as: linear swatches, 6 steps, 45 degrees
- Kinds: dark to light, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 8 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 | `#533262` | `oklch(37.80% 0.0882 314.30)` | Royal Crown | white, 10.5 to 1 |
| 2 | `#863e57` | `oklch(46.46% 0.1033 359.74)` | Ancient Royal Banner | white, 7.4 to 1 |
| 3 | `#b94d42` | `oklch(55.91% 0.1419 28.27)` | Conker | white, 5 to 1 |
| 4 | `#db783e` | `oklch(67.32% 0.1433 48.35)` | Holy Cannoli | black, 6.7 to 1 |
| 5 | `#ebc456` | `oklch(83.46% 0.1350 89.56)` | Blonde Girl | black, 12.5 to 1 |
| 6 | `#f1e0b6` | `oklch(90.94% 0.0579 87.45)` | Calla | black, 16 to 1 |

## CSS

```css
background: linear-gradient(45deg, #533262 0.000% 16.667%, #863e57 16.667% 33.333%, #b94d42 33.333% 50.000%, #db783e 50.000% 66.667%, #ebc456 66.667% 83.333%, #f1e0b6 83.333% 100.000%);
background: linear-gradient(45deg, oklch(37.80% 0.0882 314.30) 0.000% 16.667%, oklch(46.46% 0.1033 359.74) 16.667% 33.333%, oklch(55.91% 0.1419 28.27) 33.333% 50.000%, oklch(67.32% 0.1433 48.35) 50.000% 66.667%, oklch(83.46% 0.1350 89.56) 66.667% 83.333%, oklch(90.94% 0.0579 87.45) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.088 | 314.3 |
| 2 | 0.465 | 0.103 | 359.7 |
| 3 | 0.559 | 0.142 | 388.3 |
| 4 | 0.673 | 0.143 | 408.3 |
| 5 | 0.835 | 0.135 | 449.6 |
| 6 | 0.909 | 0.058 | 447.4 |

## In these collections

- [Back to school swatches](https://grabient.com/back-to-school-swatches)

## Other forms

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