# Aubergine and turquoise color palette

The Aubergine and turquoise color palette brings together dark purple, dark blue, teal, gold, and pale purple. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark blue, and its lightest tone is pale purple.

- Also called: Rainbow from dark blue to lavender linear swatches
- Seed: `kWR23OFJY71bMONlxTVdhYsY`
- Page: https://grabient.com/kWR23OFJY71bMONlxTVdhYsY?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 15.5 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 | `#2d066b` | `oklch(27.95% 0.1502 289.69)` | Infinite Inkwell | white, 15.5 to 1 |
| 2 | `#000d24` | `oklch(16.18% 0.0542 255.48)` | Void | white, 19.3 to 1 |
| 3 | `#00aeae` | `oklch(68.11% 0.1163 194.58)` | Greenland Green | black, 7.7 to 1 |
| 4 | `#cfc200` | `oklch(79.92% 0.1694 104.75)` | Banana Powder | black, 11.3 to 1 |
| 5 | `#ebe2ff` | `oklch(92.91% 0.0398 299.91)` | Lavender Savour | black, 16.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2d066b 0.000% 20.000%, #000d24 20.000% 40.000%, #00aeae 40.000% 60.000%, #cfc200 60.000% 80.000%, #ebe2ff 80.000% 100.000%);
background: linear-gradient(90deg, oklch(27.95% 0.1502 289.69) 0.000% 20.000%, oklch(16.18% 0.0542 255.48) 20.000% 40.000%, oklch(68.11% 0.1163 194.58) 40.000% 60.000%, oklch(79.92% 0.1694 104.75) 60.000% 80.000%, oklch(92.91% 0.0398 299.91) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.15 | 289.7 |
| 2 | 0.161 | 0.061 | 254.8 |
| 3 | 0.681 | 0.209 | 194.6 |
| 4 | 0.799 | 0.19 | 104.8 |
| 5 | 0.929 | 0.061 | -60.1 |

## In these collections

- [Neon swatches](https://grabient.com/neon-swatches)
- [Cyberpunk swatches](https://grabient.com/cyberpunk-swatches)
- [Y2K swatches](https://grabient.com/y2k-swatches)

## Other forms

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