# Aubergine and rose color palette

The Aubergine and rose color palette brings together dark purple, purple, magenta, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is red.

- Also called: Vivid analogous navy, purple and pink linear swatches
- Seed: `kYQlPXLSzBrcxwg9vcMSURA1Y9wE`
- Page: https://grabient.com/kYQlPXLSzBrcxwg9vcMSURA1Y9wE?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#300d50` | `oklch(25.98% 0.1144 302.34)` | Vanishing | white, 16.2 to 1 |
| 2 | `#542165` | `oklch(35.43% 0.1226 317.14)` | Elegant Purple Gown | white, 11.8 to 1 |
| 3 | `#7b2c6e` | `oklch(43.31% 0.1364 335.10)` | Grape Juice | white, 8.6 to 1 |
| 4 | `#a52358` | `oklch(48.43% 0.1695 1.52)` | Cherries Jubilee | white, 7 to 1 |
| 5 | `#ce3761` | `oklch(57.48% 0.1874 8.92)` | Spicy Berry | white, 4.8 to 1 |
| 6 | `#ec637b` | `oklch(67.72% 0.1695 12.09)` | Ambitious Rose | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #300d50 0.000% 16.667%, #542165 16.667% 33.333%, #7b2c6e 33.333% 50.000%, #a52358 50.000% 66.667%, #ce3761 66.667% 83.333%, #ec637b 83.333% 100.000%);
background: linear-gradient(90deg, oklch(25.98% 0.1144 302.34) 0.000% 16.667%, oklch(35.43% 0.1226 317.14) 16.667% 33.333%, oklch(43.31% 0.1364 335.10) 33.333% 50.000%, oklch(48.43% 0.1695 1.52) 50.000% 66.667%, oklch(57.48% 0.1874 8.92) 66.667% 83.333%, oklch(67.72% 0.1695 12.09) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.114 | 302.3 |
| 2 | 0.354 | 0.123 | 317.1 |
| 3 | 0.433 | 0.136 | 335.1 |
| 4 | 0.484 | 0.169 | 361.5 |
| 5 | 0.575 | 0.187 | 368.9 |
| 6 | 0.677 | 0.169 | 372.1 |

## In these collections

- [Purple and pink swatches](https://grabient.com/purple-and-pink-swatches)
- [Pink swatches](https://grabient.com/pink-swatches)

## Other forms

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