# Aubergine and blue color palette

The Aubergine and blue color palette brings together purple, blue, and light blue. 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 purple, and its lightest tone is light blue.

- Also called: Vivid analogous blue and lavender linear swatches
- Seed: `kYVqfOR1dBtbIvHGU73tcG-eCvRQ`
- Page: https://grabient.com/kYVqfOR1dBtbIvHGU73tcG-eCvRQ?style=linearSwatches&steps=6&angle=270
- Drawn as: linear swatches, 6 steps, 270 degrees
- Kinds: vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.8 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 | `#3e0091` | `oklch(33.88% 0.1921 289.67)` | Space Battle Blue | white, 13 to 1 |
| 2 | `#9539e2` | `oklch(55.91% 0.2398 304.48)` | Chaste Blossoms | white, 5.3 to 1 |
| 3 | `#7c8cff` | `oklch(68.11% 0.1688 274.89)` | Lavender Blue Shadow | black, 7 to 1 |
| 4 | `#006be5` | `oklch(55.12% 0.2041 258.00)` | Níu Zǎi Sè Denim | white, 4.9 to 1 |
| 5 | `#005183` | `oklch(42.13% 0.1068 245.35)` | Toy Submarine Blue | white, 8.3 to 1 |
| 6 | `#aea3fe` | `oklch(75.98% 0.1295 288.63)` | Shy Moment | black, 9.4 to 1 |

## CSS

```css
background: linear-gradient(270deg, #3e0091 0.000% 16.667%, #9539e2 16.667% 33.333%, #7c8cff 33.333% 50.000%, #006be5 50.000% 66.667%, #005183 66.667% 83.333%, #aea3fe 83.333% 100.000%);
background: linear-gradient(270deg, oklch(33.88% 0.1921 289.67) 0.000% 16.667%, oklch(55.91% 0.2398 304.48) 16.667% 33.333%, oklch(68.11% 0.1688 274.89) 33.333% 50.000%, oklch(55.12% 0.2041 258.00) 50.000% 66.667%, oklch(42.13% 0.1068 245.35) 66.667% 83.333%, oklch(75.98% 0.1295 288.63) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.23 | 289.7 |
| 2 | 0.559 | 0.24 | 304.5 |
| 3 | 0.681 | 0.2 | 274.9 |
| 4 | 0.551 | 0.23 | 258 |
| 5 | 0.421 | 0.181 | 245.3 |
| 6 | 0.76 | 0.13 | 288.6 |

## In these collections

- [Indigo swatches](https://grabient.com/indigo-swatches)
- [Blue and purple swatches](https://grabient.com/blue-and-purple-swatches)

## Other forms

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