# Indigo, orange and violet color palette

The Indigo, orange and violet color palette brings together blue, purple, magenta, light orange, and orange. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits seasonal campaigns and event graphics. Its darkest tone is purple, and its lightest tone is orange.

- Also called: Vivid blue, purple, pink and tan linear gradient
- Seed: `kcgJbBvWJBETdQtWvkR6ifInEzw5kG7xSioyw`
- Page: https://grabient.com/kcgJbBvWJBETdQtWvkR6ifInEzw5kG7xSioyw?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: light center, vivid, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.3 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 | `#414fd7` | `oklch(50.39% 0.2067 272.11)` | Dark Soft Violet | white, 6.3 to 1 |
| 2 | `#561ded` | `oklch(48.03% 0.2701 281.62)` | Wèi Lán Azure | white, 7.5 to 1 |
| 3 | `#9423e0` | `oklch(53.94% 0.2563 305.93)` | Violet | white, 5.8 to 1 |
| 4 | `#de67b2` | `oklch(68.11% 0.1709 343.97)` | Mega Magenta | black, 6.7 to 1 |
| 5 | `#ffb781` | `oklch(83.46% 0.1087 56.89)` | Go Go Mango | black, 12.3 to 1 |
| 6 | `#ffd56f` | `oklch(88.98% 0.1298 87.54)` | Quiche Lorraine | black, 15 to 1 |
| 7 | `#e0ae8a` | `oklch(78.74% 0.0758 56.88)` | Boot Hill Ghost | black, 10.5 to 1 |
| 8 | `#8c68b1` | `oklch(58.27% 0.1157 305.93)` | Knight Elf | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #414fd7 0.0%, #561ded 14.3%, #9423e0 28.6%, #de67b2 42.9%, #ffb781 57.1%, #ffd56f 71.4%, #e0ae8a 85.7%, #8c68b1 100.0%);
background: linear-gradient(90deg in oklch, oklch(50.39% 0.2067 272.11) 0.0%, oklch(48.03% 0.2701 281.62) 14.3%, oklch(53.94% 0.2563 305.93) 28.6%, oklch(68.11% 0.1709 343.97) 42.9%, oklch(83.46% 0.1087 56.89) 57.1%, oklch(88.98% 0.1298 87.54) 71.4%, oklch(78.74% 0.0758 56.88) 85.7%, oklch(58.27% 0.1157 305.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.504 | 0.207 | 272.1 |
| 2 | 0.48 | 0.27 | 281.6 |
| 3 | 0.539 | 0.256 | 305.9 |
| 4 | 0.681 | 0.171 | 344 |
| 5 | 0.835 | 0.109 | 416.9 |
| 6 | 0.89 | 0.142 | 447.5 |
| 7 | 0.787 | 0.076 | 416.9 |
| 8 | 0.583 | 0.116 | 305.9 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)
- [Summer gradients](https://grabient.com/summer-gradients)
- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)

## Other forms

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