# Indigo, mauve and lime green multicolor palette

The Indigo, mauve and lime green multicolor palette brings together blue, purple, magenta, orange, yellow, and green. 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 blue, and its lightest tone is green.

- Also called: Tritone blue, purple and olive linear gradient
- Seed: `kabc2_t1vA73DQlIn0P0pfKtgqxNZN0Ig`
- Page: https://grabient.com/kabc2_t1vA73DQlIn0P0pfKtgqxNZN0Ig
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#2701e6` | `oklch(42.91% 0.2825 269.30)` | Burning Ultrablue | white, 9.3 to 1 |
| 2 | `#4117d5` | `oklch(43.31% 0.2522 277.75)` | Blue Copper Ore | white, 9.1 to 1 |
| 3 | `#6e3cb7` | `oklch(48.43% 0.1846 297.83)` | Purple Emperor | white, 7 to 1 |
| 4 | `#95658e` | `oklch(57.09% 0.0854 331.65)` | Chinese Violet | white, 4.6 to 1 |
| 5 | `#ac8766` | `oklch(64.96% 0.0648 62.53)` | Chamois Leather | black, 6.3 to 1 |
| 6 | `#a99f40` | `oklch(69.29% 0.1171 103.74)` | Golden Olive | black, 7.7 to 1 |
| 7 | `#8ead30` | `oklch(70.08% 0.1516 122.76)` | Lime Green | black, 8.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2701e6 0.0%, #4117d5 16.7%, #6e3cb7 33.3%, #95658e 50.0%, #ac8766 66.7%, #a99f40 83.3%, #8ead30 100.0%);
background: linear-gradient(90deg in oklch, oklch(42.91% 0.2825 269.30) 0.0%, oklch(43.31% 0.2522 277.75) 16.7%, oklch(48.43% 0.1846 297.83) 33.3%, oklch(57.09% 0.0854 331.65) 50.0%, oklch(64.96% 0.0648 62.53) 66.7%, oklch(69.29% 0.1171 103.74) 83.3%, oklch(70.08% 0.1516 122.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.429 | 0.282 | 269.3 |
| 2 | 0.433 | 0.252 | 277.8 |
| 3 | 0.484 | 0.185 | 297.8 |
| 4 | 0.571 | 0.085 | 331.6 |
| 5 | 0.65 | 0.065 | 422.5 |
| 6 | 0.693 | 0.117 | 463.7 |
| 7 | 0.701 | 0.152 | 482.8 |

## In these collections

- [Witchy color palette](https://grabient.com/witchy-color-palette)
- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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