# Indigo and lilac electric purple palette

The Indigo and lilac electric purple palette brings together blue, purple, magenta, light magenta, and pale magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is pale magenta.

- Also called: Neon analogous blue, purple and pink linear gradient
- Seed: `kWX33Gx2HBtzbw5oQUA8SQ_w`
- Page: https://grabient.com/kWX33Gx2HBtzbw5oQUA8SQ_w?angle=45
- Drawn as: linear gradient, 7 steps, 45 degrees
- Kinds: dark to light, vivid, neon
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.6 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 | `#352898` | `oklch(37.40% 0.1722 279.14)` | Gentian Blue | white, 10.9 to 1 |
| 2 | `#632fde` | `oklch(49.17% 0.2413 287.28)` | Burple | white, 7 to 1 |
| 3 | `#aa48ff` | `oklch(61.96% 0.2561 304.04)` | Vega Violet | black, 5 to 1 |
| 4 | `#f05efd` | `oklch(72.83% 0.2522 324.58)` | Hitsujiyama Pink | black, 7.7 to 1 |
| 5 | `#ff85ff` | `oklch(79.31% 0.2061 327.28)` | Bubblegum | black, 10 to 1 |
| 6 | `#feaaff` | `oklch(84.66% 0.1465 326.54)` | Jigglypuff | black, 12.3 to 1 |
| 7 | `#fdc4ff` | `oklch(88.98% 0.0992 325.64)` | Electric Lavender | black, 14.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #352898 0.0%, #632fde 16.7%, #aa48ff 33.3%, #f05efd 50.0%, #ff85ff 66.7%, #feaaff 83.3%, #fdc4ff 100.0%);
background: linear-gradient(45deg in oklch, oklch(37.40% 0.1722 279.14) 0.0%, oklch(49.17% 0.2413 287.28) 16.7%, oklch(61.96% 0.2561 304.04) 33.3%, oklch(72.83% 0.2522 324.58) 50.0%, oklch(79.31% 0.2061 327.28) 66.7%, oklch(84.66% 0.1465 326.54) 83.3%, oklch(88.98% 0.0992 325.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.172 | 279.1 |
| 2 | 0.559 | 0.269 | 293.9 |
| 3 | 0.728 | 0.252 | 324.6 |
| 4 | 0.819 | 0.179 | 326.7 |
| 5 | 0.89 | 0.099 | 325.6 |

## In these collections

- [Electric purple gradients](https://grabient.com/electric-purple-gradients)

## Other forms

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