# Aubergine and aqua color palette

The Aubergine and aqua color palette brings together purple and light green. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits game interface concepts and stream graphics. Its darkest tone is purple, and its lightest tone is light green.

- Also called: Cool purple, lavender and light blue linear gradient
- Seed: `kUVHrRP1NAlivP3uILGg`
- Page: https://grabient.com/kUVHrRP1NAlivP3uILGg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 9.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 | `#3f0e81` | `oklch(33.07% 0.1681 293.91)` | Pixie Powder | white, 13.2 to 1 |
| 2 | `#420f85` | `oklch(34.00% 0.1723 294.25)` | Grim Purple | white, 12.7 to 1 |
| 3 | `#46108b` | `oklch(35.18% 0.1784 294.74)` | Grim Purple | white, 12.2 to 1 |
| 4 | `#4b1093` | `oklch(36.56% 0.1861 295.34)` | Pitch Violet | white, 11.6 to 1 |
| 5 | `#51119b` | `oklch(38.11% 0.1945 296.00)` | Amarklor Violet | white, 11 to 1 |
| 6 | `#5711a4` | `oklch(39.79% 0.2032 296.70)` | Aubergine Perl | white, 10.3 to 1 |
| 7 | `#5e13ad` | `oklch(41.58% 0.2115 297.38)` | Indiviolet Sunset | white, 9.6 to 1 |
| 8 | `#6516b6` | `oklch(43.43% 0.2189 298.00)` | Rabbit-Ear Iris | white, 8.9 to 1 |
| 9 | `#6b1abe` | `oklch(45.31% 0.2247 298.54)` | Rabbit-Ear Iris | white, 8.3 to 1 |
| 10 | `#7121c6` | `oklch(47.18% 0.2283 298.94)` | Crown Chakra | white, 7.6 to 1 |
| 11 | `#7728cc` | `oklch(49.01% 0.2292 299.16)` | Puissant Purple | white, 7 to 1 |
| 12 | `#7c31d1` | `oklch(50.81% 0.2267 299.41)` | Hokkaido Lavender | white, 6.5 to 1 |
| 13 | `#823ad4` | `oklch(52.68% 0.2212 300.32)` | Thick Purple | white, 5.9 to 1 |
| 14 | `#8943d5` | `oklch(54.61% 0.2130 301.65)` | Thick Purple | white, 5.4 to 1 |
| 15 | `#904cd5` | `oklch(56.60% 0.2029 303.11)` | Morado Purple | white, 5 to 1 |
| 16 | `#9656d6` | `oklch(58.61% 0.1915 304.43)` | Morado Purple | black, 4.5 to 1 |
| 17 | `#9c5fd6` | `oklch(60.63% 0.1792 305.30)` | Legendary Lavender | black, 5 to 1 |
| 18 | `#a169d7` | `oklch(62.65% 0.1668 305.43)` | Violet Voltage | black, 5.5 to 1 |
| 19 | `#a473d9` | `oklch(64.64% 0.1549 304.55)` | Rich Lavender | black, 6 to 1 |
| 20 | `#a57cdc` | `oklch(66.59% 0.1439 302.34)` | Lavender Blossom | black, 6.5 to 1 |
| 21 | `#a586e1` | `oklch(68.47% 0.1346 298.54)` | Lavender Blossom | black, 7 to 1 |
| 22 | `#a28fe7` | `oklch(70.29% 0.1273 292.77)` | Middy’s Purple | black, 7.6 to 1 |
| 23 | `#9c9aee` | `oklch(72.15% 0.1212 284.23)` | Cold Lips | black, 8.2 to 1 |
| 24 | `#93a6f4` | `oklch(74.06% 0.1157 273.25)` | Cold Lips | black, 8.9 to 1 |
| 25 | `#88b2f8` | `oklch(75.98% 0.1108 260.46)` | Fly Away | black, 9.7 to 1 |
| 26 | `#7cbef7` | `oklch(77.87% 0.1065 246.51)` | Maya Blue | black, 10.5 to 1 |
| 27 | `#73c9f4` | `oklch(79.70% 0.1027 232.04)` | Nevermind Nirvana | black, 11.3 to 1 |
| 28 | `#70d2ed` | `oklch(81.44% 0.0994 217.71)` | Summer Splash | black, 12.1 to 1 |
| 29 | `#74dae4` | `oklch(83.03% 0.0965 204.14)` | Aquamarine Blue | black, 12.8 to 1 |
| 30 | `#7de0dc` | `oklch(84.45% 0.0939 191.98)` | Cold Blue | black, 13.5 to 1 |
| 31 | `#88e4d4` | `oklch(85.66% 0.0916 181.89)` | Sea Foam | black, 14 to 1 |
| 32 | `#92e7cf` | `oklch(86.61% 0.0896 174.49)` | Neverland | black, 14.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3f0e81 0.0%, #420f85 3.2%, #46108b 6.5%, #4b1093 9.7%, #51119b 12.9%, #5711a4 16.1%, #5e13ad 19.4%, #6516b6 22.6%, #6b1abe 25.8%, #7121c6 29.0%, #7728cc 32.3%, #7c31d1 35.5%, #823ad4 38.7%, #8943d5 41.9%, #904cd5 45.2%, #9656d6 48.4%, #9c5fd6 51.6%, #a169d7 54.8%, #a473d9 58.1%, #a57cdc 61.3%, #a586e1 64.5%, #a28fe7 67.7%, #9c9aee 71.0%, #93a6f4 74.2%, #88b2f8 77.4%, #7cbef7 80.6%, #73c9f4 83.9%, #70d2ed 87.1%, #74dae4 90.3%, #7de0dc 93.5%, #88e4d4 96.8%, #92e7cf 100.0%);
background: linear-gradient(90deg in oklch, oklch(33.07% 0.1681 293.91) 0.0%, oklch(34.00% 0.1723 294.25) 3.2%, oklch(35.18% 0.1784 294.74) 6.5%, oklch(36.56% 0.1861 295.34) 9.7%, oklch(38.11% 0.1945 296.00) 12.9%, oklch(39.79% 0.2032 296.70) 16.1%, oklch(41.58% 0.2115 297.38) 19.4%, oklch(43.43% 0.2189 298.00) 22.6%, oklch(45.31% 0.2247 298.54) 25.8%, oklch(47.18% 0.2283 298.94) 29.0%, oklch(49.01% 0.2292 299.16) 32.3%, oklch(50.81% 0.2267 299.41) 35.5%, oklch(52.68% 0.2212 300.32) 38.7%, oklch(54.61% 0.2130 301.65) 41.9%, oklch(56.60% 0.2029 303.11) 45.2%, oklch(58.61% 0.1915 304.43) 48.4%, oklch(60.63% 0.1792 305.30) 51.6%, oklch(62.65% 0.1668 305.43) 54.8%, oklch(64.64% 0.1549 304.55) 58.1%, oklch(66.59% 0.1439 302.34) 61.3%, oklch(68.47% 0.1346 298.54) 64.5%, oklch(70.29% 0.1273 292.77) 67.7%, oklch(72.15% 0.1212 284.23) 71.0%, oklch(74.06% 0.1157 273.25) 74.2%, oklch(75.98% 0.1108 260.46) 77.4%, oklch(77.87% 0.1065 246.51) 80.6%, oklch(79.70% 0.1027 232.04) 83.9%, oklch(81.44% 0.0994 217.71) 87.1%, oklch(83.03% 0.0965 204.14) 90.3%, oklch(84.45% 0.0939 191.98) 93.5%, oklch(85.66% 0.0916 181.89) 96.8%, oklch(86.61% 0.0896 174.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.331 | 0.168 | 293.9 |
| 2 | 0.496 | 0.229 | 299.2 |
| 3 | 0.697 | 0.13 | 295 |
| 4 | 0.866 | 0.09 | 174.5 |

## In these collections

- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)
- [Neon gradients](https://grabient.com/neon-gradients)

## Other forms

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