# Aubergine indigo palette

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

- Also called: Vivid monochrome dark blue to blue linear gradient
- Seed: `kWRF_LK0I_zZVP8-3T_yVhAI`
- Page: https://grabient.com/kWRF_LK0I_zZVP8-3T_yVhAI?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.2 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 | `#251061` | `oklch(26.77% 0.1309 285.47)` | Ocean Abyss | white, 15.8 to 1 |
| 2 | `#261064` | `oklch(27.33% 0.1350 285.38)` | Ocean Abyss | white, 15.6 to 1 |
| 3 | `#281069` | `oklch(28.06% 0.1404 285.27)` | Nebula Night | white, 15.3 to 1 |
| 4 | `#2a106f` | `oklch(28.93% 0.1469 285.14)` | Nebula Night | white, 14.9 to 1 |
| 5 | `#2c1075` | `oklch(29.90% 0.1541 284.99)` | Persian Indigo | white, 14.5 to 1 |
| 6 | `#2f107c` | `oklch(30.94% 0.1616 284.83)` | Persian Indigo | white, 14.1 to 1 |
| 7 | `#321183` | `oklch(32.01% 0.1693 284.67)` | Indiglow | white, 13.6 to 1 |
| 8 | `#34118a` | `oklch(33.08% 0.1767 284.52)` | Indiglow | white, 13.1 to 1 |
| 9 | `#371191` | `oklch(34.11% 0.1836 284.38)` | Full Swing Indigo | white, 12.7 to 1 |
| 10 | `#391297` | `oklch(35.19% 0.1906 284.23)` | Violet Hickey | white, 12.2 to 1 |
| 11 | `#3c129f` | `oklch(36.32% 0.1979 284.07)` | Space Battle Blue | white, 11.8 to 1 |
| 12 | `#3f13a6` | `oklch(37.48% 0.2053 283.91)` | Indigo Blue | white, 11.3 to 1 |
| 13 | `#4113ae` | `oklch(38.65% 0.2126 283.76)` | Indigo Blue | white, 10.8 to 1 |
| 14 | `#4414b5` | `oklch(39.82% 0.2196 283.62)` | Indigo Blue | white, 10.3 to 1 |
| 15 | `#4716bc` | `oklch(40.94% 0.2260 283.49)` | Blue Depression | white, 9.9 to 1 |
| 16 | `#4917c3` | `oklch(42.01% 0.2317 283.39)` | Violet Blue | white, 9.5 to 1 |
| 17 | `#4c19c9` | `oklch(43.00% 0.2366 283.32)` | Violet Blue | white, 9.1 to 1 |
| 18 | `#4e1bce` | `oklch(43.92% 0.2410 283.26)` | Sea Serpent’s Tears | white, 8.8 to 1 |
| 19 | `#501cd3` | `oklch(44.77% 0.2449 283.20)` | Space Opera | white, 8.5 to 1 |
| 20 | `#521ed8` | `oklch(45.59% 0.2483 283.17)` | Space Opera | white, 8.2 to 1 |
| 21 | `#5421dc` | `oklch(46.40% 0.2511 283.15)` | Space Opera | white, 7.9 to 1 |
| 22 | `#5623e0` | `oklch(47.21% 0.2534 283.17)` | Space Opera | white, 7.7 to 1 |
| 23 | `#5826e4` | `oklch(48.07% 0.2551 283.22)` | Gonzo Violet | white, 7.4 to 1 |
| 24 | `#5b2ae8` | `oklch(48.97% 0.2561 283.32)` | Yíng Guāng Sè Purple | white, 7.1 to 1 |
| 25 | `#5e2eec` | `oklch(49.99% 0.2563 283.49)` | Yíng Guāng Sè Purple | white, 6.8 to 1 |
| 26 | `#6134ef` | `oklch(51.14% 0.2553 283.73)` | Blue Magenta | white, 6.4 to 1 |
| 27 | `#643af2` | `oklch(52.37% 0.2535 284.03)` | Purplish Blue | white, 6.1 to 1 |
| 28 | `#683ff5` | `oklch(53.61% 0.2511 284.37)` | Pink OCD | white, 5.7 to 1 |
| 29 | `#6c45f8` | `oklch(54.81% 0.2485 284.71)` | Pink OCD | white, 5.4 to 1 |
| 30 | `#6f49fa` | `oklch(55.90% 0.2460 285.02)` | Pink OCD | white, 5.2 to 1 |
| 31 | `#724dfc` | `oklch(56.81% 0.2439 285.28)` | Venetian Nights | white, 5 to 1 |
| 32 | `#7450fe` | `oklch(57.48% 0.2425 285.47)` | Venetian Nights | white, 4.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #251061 0.0%, #261064 3.2%, #281069 6.5%, #2a106f 9.7%, #2c1075 12.9%, #2f107c 16.1%, #321183 19.4%, #34118a 22.6%, #371191 25.8%, #391297 29.0%, #3c129f 32.3%, #3f13a6 35.5%, #4113ae 38.7%, #4414b5 41.9%, #4716bc 45.2%, #4917c3 48.4%, #4c19c9 51.6%, #4e1bce 54.8%, #501cd3 58.1%, #521ed8 61.3%, #5421dc 64.5%, #5623e0 67.7%, #5826e4 71.0%, #5b2ae8 74.2%, #5e2eec 77.4%, #6134ef 80.6%, #643af2 83.9%, #683ff5 87.1%, #6c45f8 90.3%, #6f49fa 93.5%, #724dfc 96.8%, #7450fe 100.0%);
background: linear-gradient(90deg in oklch, oklch(26.77% 0.1309 285.47) 0.0%, oklch(27.33% 0.1350 285.38) 3.2%, oklch(28.06% 0.1404 285.27) 6.5%, oklch(28.93% 0.1469 285.14) 9.7%, oklch(29.90% 0.1541 284.99) 12.9%, oklch(30.94% 0.1616 284.83) 16.1%, oklch(32.01% 0.1693 284.67) 19.4%, oklch(33.08% 0.1767 284.52) 22.6%, oklch(34.11% 0.1836 284.38) 25.8%, oklch(35.19% 0.1906 284.23) 29.0%, oklch(36.32% 0.1979 284.07) 32.3%, oklch(37.48% 0.2053 283.91) 35.5%, oklch(38.65% 0.2126 283.76) 38.7%, oklch(39.82% 0.2196 283.62) 41.9%, oklch(40.94% 0.2260 283.49) 45.2%, oklch(42.01% 0.2317 283.39) 48.4%, oklch(43.00% 0.2366 283.32) 51.6%, oklch(43.92% 0.2410 283.26) 54.8%, oklch(44.77% 0.2449 283.20) 58.1%, oklch(45.59% 0.2483 283.17) 61.3%, oklch(46.40% 0.2511 283.15) 64.5%, oklch(47.21% 0.2534 283.17) 67.7%, oklch(48.07% 0.2551 283.22) 71.0%, oklch(48.97% 0.2561 283.32) 74.2%, oklch(49.99% 0.2563 283.49) 77.4%, oklch(51.14% 0.2553 283.73) 80.6%, oklch(52.37% 0.2535 284.03) 83.9%, oklch(53.61% 0.2511 284.37) 87.1%, oklch(54.81% 0.2485 284.71) 90.3%, oklch(55.90% 0.2460 285.02) 93.5%, oklch(56.81% 0.2439 285.28) 96.8%, oklch(57.48% 0.2425 285.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.131 | 285.5 |
| 2 | 0.339 | 0.182 | 284.4 |
| 3 | 0.425 | 0.234 | 283.4 |
| 4 | 0.492 | 0.256 | 283.4 |
| 5 | 0.575 | 0.243 | 285.5 |

## In these collections

- [Indigo gradients](https://grabient.com/indigo-gradients)

## Other forms

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