# Indigo, violet and coral bright palette

The Indigo, violet and coral bright palette brings together blue, purple, and red. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is red.

- Also called: Vivid blue, purple and salmon linear gradient
- Seed: `kWh7_Ey1XBFJPwtXx8WXD7Dw`
- Page: https://grabient.com/kWh7_Ey1XBFJPwtXx8WXD7Dw?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#5242ff` | `oklch(53.15% 0.2632 276.33)` | Saturated Sky | white, 5.8 to 1 |
| 2 | `#5544ff` | `oklch(53.63% 0.2609 276.98)` | Lán Sè Blue | white, 5.7 to 1 |
| 3 | `#5947ff` | `oklch(54.26% 0.2575 277.74)` | Sylph of Moonlight | white, 5.5 to 1 |
| 4 | `#5d4aff` | `oklch(55.02% 0.2533 278.64)` | Sylph of Moonlight | white, 5.3 to 1 |
| 5 | `#624eff` | `oklch(55.87% 0.2488 279.71)` | Pink OCD | white, 5.1 to 1 |
| 6 | `#6751ff` | `oklch(56.75% 0.2443 280.99)` | Pink OCD | white, 4.9 to 1 |
| 7 | `#6d54ff` | `oklch(57.63% 0.2402 282.50)` | Venetian Nights | white, 4.7 to 1 |
| 8 | `#7457ff` | `oklch(58.47% 0.2369 284.30)` | Venetian Nights | white, 4.6 to 1 |
| 9 | `#7b58ff` | `oklch(59.24% 0.2346 286.39)` | Venetian Nights | black, 4.6 to 1 |
| 10 | `#8259ff` | `oklch(59.98% 0.2324 288.67)` | Purple Honeycreeper | black, 4.8 to 1 |
| 11 | `#895afe` | `oklch(60.72% 0.2302 291.12)` | Purple Honeycreeper | black, 4.9 to 1 |
| 12 | `#915bfd` | `oklch(61.45% 0.2282 293.80)` | Irrigo Purple | black, 5.1 to 1 |
| 13 | `#985cfb` | `oklch(62.18% 0.2263 296.76)` | Irrigo Purple | black, 5.2 to 1 |
| 14 | `#a05cf9` | `oklch(62.89% 0.2244 300.06)` | Orion Nebula | black, 5.3 to 1 |
| 15 | `#a95cf6` | `oklch(63.58% 0.2225 303.75)` | Orion Nebula | black, 5.5 to 1 |
| 16 | `#b25cf1` | `oklch(64.25% 0.2203 307.89)` | Light Shōtoku Purple | black, 5.6 to 1 |
| 17 | `#bb5beb` | `oklch(64.88% 0.2178 312.58)` | Bubblegum Baby Girl | black, 5.8 to 1 |
| 18 | `#c55ae3` | `oklch(65.49% 0.2152 318.11)` | Thick Pink | black, 5.9 to 1 |
| 19 | `#cf59da` | `oklch(66.08% 0.2125 324.28)` | Thick Pink | black, 6 to 1 |
| 20 | `#d858ce` | `oklch(66.65% 0.2097 330.87)` | Fuchsia Flash | black, 6.2 to 1 |
| 21 | `#e158c2` | `oklch(67.20% 0.2068 337.61)` | Barbiecore | black, 6.3 to 1 |
| 22 | `#e958b5` | `oklch(67.73% 0.2038 344.28)` | Orion | black, 6.5 to 1 |
| 23 | `#ef58a9` | `oklch(68.26% 0.2008 350.61)` | Fugitive Flamingo | black, 6.6 to 1 |
| 24 | `#f45a9e` | `oklch(68.77% 0.1978 356.38)` | Oleander Pink | black, 6.7 to 1 |
| 25 | `#f85d94` | `oklch(69.29% 0.1947 1.59)` | Medium Pink | black, 6.9 to 1 |
| 26 | `#fb608a` | `oklch(69.82% 0.1911 6.74)` | Stellar Strawberry | black, 7.1 to 1 |
| 27 | `#fd6381` | `oklch(70.36% 0.1874 11.75)` | Brink Pink | black, 7.2 to 1 |
| 28 | `#fe6778` | `oklch(70.88% 0.1837 16.48)` | Kisses and Hugs | black, 7.4 to 1 |
| 29 | `#ff6c71` | `oklch(71.36% 0.1799 20.84)` | Begonia | black, 7.6 to 1 |
| 30 | `#ff706a` | `oklch(71.80% 0.1759 24.70)` | Flirty Salmon | black, 7.7 to 1 |
| 31 | `#ff7365` | `oklch(72.16% 0.1731 27.94)` | Manila Sunset | black, 7.9 to 1 |
| 32 | `#ff7661` | `oklch(72.44% 0.1714 30.46)` | Peachy Pinky | black, 8 to 1 |

## CSS

```css
background: linear-gradient(180deg, #5242ff 0.0%, #5544ff 3.2%, #5947ff 6.5%, #5d4aff 9.7%, #624eff 12.9%, #6751ff 16.1%, #6d54ff 19.4%, #7457ff 22.6%, #7b58ff 25.8%, #8259ff 29.0%, #895afe 32.3%, #915bfd 35.5%, #985cfb 38.7%, #a05cf9 41.9%, #a95cf6 45.2%, #b25cf1 48.4%, #bb5beb 51.6%, #c55ae3 54.8%, #cf59da 58.1%, #d858ce 61.3%, #e158c2 64.5%, #e958b5 67.7%, #ef58a9 71.0%, #f45a9e 74.2%, #f85d94 77.4%, #fb608a 80.6%, #fd6381 83.9%, #fe6778 87.1%, #ff6c71 90.3%, #ff706a 93.5%, #ff7365 96.8%, #ff7661 100.0%);
background: linear-gradient(180deg in oklch, oklch(53.15% 0.2632 276.33) 0.0%, oklch(53.63% 0.2609 276.98) 3.2%, oklch(54.26% 0.2575 277.74) 6.5%, oklch(55.02% 0.2533 278.64) 9.7%, oklch(55.87% 0.2488 279.71) 12.9%, oklch(56.75% 0.2443 280.99) 16.1%, oklch(57.63% 0.2402 282.50) 19.4%, oklch(58.47% 0.2369 284.30) 22.6%, oklch(59.24% 0.2346 286.39) 25.8%, oklch(59.98% 0.2324 288.67) 29.0%, oklch(60.72% 0.2302 291.12) 32.3%, oklch(61.45% 0.2282 293.80) 35.5%, oklch(62.18% 0.2263 296.76) 38.7%, oklch(62.89% 0.2244 300.06) 41.9%, oklch(63.58% 0.2225 303.75) 45.2%, oklch(64.25% 0.2203 307.89) 48.4%, oklch(64.88% 0.2178 312.58) 51.6%, oklch(65.49% 0.2152 318.11) 54.8%, oklch(66.08% 0.2125 324.28) 58.1%, oklch(66.65% 0.2097 330.87) 61.3%, oklch(67.20% 0.2068 337.61) 64.5%, oklch(67.73% 0.2038 344.28) 67.7%, oklch(68.26% 0.2008 350.61) 71.0%, oklch(68.77% 0.1978 356.38) 74.2%, oklch(69.29% 0.1947 1.59) 77.4%, oklch(69.82% 0.1911 6.74) 80.6%, oklch(70.36% 0.1874 11.75) 83.9%, oklch(70.88% 0.1837 16.48) 87.1%, oklch(71.36% 0.1799 20.84) 90.3%, oklch(71.80% 0.1759 24.70) 93.5%, oklch(72.16% 0.1731 27.94) 96.8%, oklch(72.44% 0.1714 30.46) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.531 | 0.263 | 276.3 |
| 2 | 0.591 | 0.236 | 285.8 |
| 3 | 0.646 | 0.219 | 310.1 |
| 4 | 0.689 | 0.197 | 357.7 |
| 5 | 0.724 | 0.172 | 390.5 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)

## Other forms

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