# Aubergine color palette

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

- Also called: Monochrome black and purple radial swatches
- Seed: `kYOBzgLZxBMYfwTUH8Dzh_ADmdv0`
- Page: https://grabient.com/kYOBzgLZxBMYfwTUH8Dzh_ADmdv0?style=radialSwatches&steps=6&angle=270
- Drawn as: radial swatches, 6 steps, 270 degrees
- Kinds: light center, muted, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.4 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 | `#211527` | `oklch(22.05% 0.0386 315.00)` | Inside | white, 17.4 to 1 |
| 2 | `#512d52` | `oklch(35.83% 0.0772 325.57)` | Purple Shade | white, 11.3 to 1 |
| 3 | `#925e85` | `oklch(55.12% 0.0868 336.14)` | Antique Fuchsia | white, 5 to 1 |
| 4 | `#b97d9f` | `oklch(66.14% 0.0868 344.59)` | Purple Cheeks | black, 6.4 to 1 |
| 5 | `#aa6f90` | `oklch(61.42% 0.0868 345.65)` | Mauve Orchid | black, 5.3 to 1 |
| 6 | `#744364` | `oklch(45.28% 0.0813 340.36)` | Purple Drab | white, 7.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #211527 0.000% 16.667%, #512d52 16.667% 33.333%, #925e85 33.333% 50.000%, #b97d9f 50.000% 66.667%, #aa6f90 66.667% 83.333%, #744364 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(22.05% 0.0386 315.00) 0.000% 16.667%, oklch(35.83% 0.0772 325.57) 16.667% 33.333%, oklch(55.12% 0.0868 336.14) 33.333% 50.000%, oklch(66.14% 0.0868 344.59) 50.000% 66.667%, oklch(61.42% 0.0868 345.65) 66.667% 83.333%, oklch(45.28% 0.0813 340.36) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.039 | 315 |
| 2 | 0.358 | 0.077 | 325.6 |
| 3 | 0.551 | 0.087 | 336.1 |
| 4 | 0.661 | 0.087 | 344.6 |
| 5 | 0.614 | 0.087 | 345.6 |
| 6 | 0.453 | 0.081 | 340.4 |

## In these collections

- [Charcoal plum tailoring](https://grabient.com/charcoal-plum-tailoring)
- [Moody swatches](https://grabient.com/moody-swatches)
- [Orchid colors](https://grabient.com/orchid-colors)

## Other forms

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