# Turquoise, indigo and orange vivid multicolor palette

The Turquoise, indigo and orange vivid multicolor palette brings together teal, blue, magenta, and orange. 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 teal.

- Also called: Vivid cyan, blue, purple and orange linear gradient
- Seed: `kW3WyQ3DLCsnLxbWVsm20PFY`
- Page: https://grabient.com/kW3WyQ3DLCsnLxbWVsm20PFY?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#15f0ff` | `oklch(87.01% 0.1464 203.20)` | Aqua | black, 14.8 to 1 |
| 2 | `#00ebfe` | `oklch(85.84% 0.1466 204.88)` | Whimsical Blue | black, 14.3 to 1 |
| 3 | `#00e5fb` | `oklch(84.28% 0.1445 206.93)` | Whimsical Blue | black, 13.6 to 1 |
| 4 | `#01def7` | `oklch(82.43% 0.1422 209.35)` | Tamarama | black, 12.7 to 1 |
| 5 | `#09d6f3` | `oklch(80.37% 0.1394 212.16)` | Thousand Sons Blue | black, 11.8 to 1 |
| 6 | `#0dcdef` | `oklch(78.20% 0.1372 215.38)` | Picnic Day Sky | black, 11 to 1 |
| 7 | `#0cc5eb` | `oklch(76.02% 0.1362 219.03)` | Blue Raspberry | black, 10.1 to 1 |
| 8 | `#06bce9` | `oklch(73.91% 0.1370 223.10)` | Blue Bikini | black, 9.4 to 1 |
| 9 | `#00b4e8` | `oklch(71.96% 0.1398 227.63)` | Cyanite | black, 8.7 to 1 |
| 10 | `#00ace7` | `oklch(69.83% 0.1433 232.49)` | Huelveño Horizon | black, 8 to 1 |
| 11 | `#00a2e7` | `oklch(67.48% 0.1489 237.71)` | Vanadyl Blue | black, 7.2 to 1 |
| 12 | `#0097e7` | `oklch(65.09% 0.1584 243.33)` | Pervenche | black, 6.5 to 1 |
| 13 | `#008cec` | `oklch(62.80% 0.1750 249.41)` | Bleu de France | black, 5.9 to 1 |
| 14 | `#2480ee` | `oklch(60.77% 0.1859 255.98)` | Brescian Blue | black, 5.4 to 1 |
| 15 | `#3c74f0` | `oklch(59.16% 0.1960 263.14)` | Lightish Blue | black, 4.9 to 1 |
| 16 | `#516af1` | `oklch(58.12% 0.2046 270.92)` | Flickering Sea | black, 4.6 to 1 |
| 17 | `#6760f2` | `oklch(57.83% 0.2113 279.50)` | Blue Hepatica | white, 4.6 to 1 |
| 18 | `#7e58f0` | `oklch(58.33% 0.2176 289.43)` | Candy Grape Fizz | white, 4.6 to 1 |
| 19 | `#9750ec` | `oklch(59.45% 0.2236 300.41)` | Navy Genesis Evangelion | black, 4.6 to 1 |
| 20 | `#b04ae3` | `oklch(60.99% 0.2290 312.00)` | Magenta Affair | black, 4.9 to 1 |
| 21 | `#c844d6` | `oklch(62.76% 0.2335 323.74)` | Steel Pink | black, 5.2 to 1 |
| 22 | `#de40c5` | `oklch(64.56% 0.2368 335.17)` | Purplish Pink | black, 5.6 to 1 |
| 23 | `#f03db1` | `oklch(66.20% 0.2386 345.86)` | Pink Bite | black, 6 to 1 |
| 24 | `#fd3c9d` | `oklch(67.48% 0.2387 355.36)` | Knockout Pink | black, 6.3 to 1 |
| 25 | `#ff4a8b` | `oklch(68.35% 0.2199 3.60)` | Sasquatch Socks | black, 6.6 to 1 |
| 26 | `#ff567b` | `oklch(69.08% 0.2044 11.34)` | Watermelon Candy | black, 6.8 to 1 |
| 27 | `#ff5f6d` | `oklch(69.71% 0.1946 18.53)` | Grenadine Pink | black, 7 to 1 |
| 28 | `#ff6560` | `oklch(70.24% 0.1888 25.11)` | Pineapple Salmon | black, 7.2 to 1 |
| 29 | `#ff6a53` | `oklch(70.69% 0.1860 31.02)` | Living Coral | black, 7.4 to 1 |
| 30 | `#ff6e47` | `oklch(71.06% 0.1853 36.18)` | Outrageous Orange | black, 7.5 to 1 |
| 31 | `#ff723a` | `oklch(71.38% 0.1858 40.52)` | Extreme Carrot | black, 7.7 to 1 |
| 32 | `#ff752f` | `oklch(71.65% 0.1860 43.99)` | Temptatious Tangerine | black, 7.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #15f0ff 0.0%, #00ebfe 3.2%, #00e5fb 6.5%, #01def7 9.7%, #09d6f3 12.9%, #0dcdef 16.1%, #0cc5eb 19.4%, #06bce9 22.6%, #00b4e8 25.8%, #00ace7 29.0%, #00a2e7 32.3%, #0097e7 35.5%, #008cec 38.7%, #2480ee 41.9%, #3c74f0 45.2%, #516af1 48.4%, #6760f2 51.6%, #7e58f0 54.8%, #9750ec 58.1%, #b04ae3 61.3%, #c844d6 64.5%, #de40c5 67.7%, #f03db1 71.0%, #fd3c9d 74.2%, #ff4a8b 77.4%, #ff567b 80.6%, #ff5f6d 83.9%, #ff6560 87.1%, #ff6a53 90.3%, #ff6e47 93.5%, #ff723a 96.8%, #ff752f 100.0%);
background: linear-gradient(45deg in oklch, oklch(87.01% 0.1464 203.20) 0.0%, oklch(85.84% 0.1466 204.88) 3.2%, oklch(84.28% 0.1445 206.93) 6.5%, oklch(82.43% 0.1422 209.35) 9.7%, oklch(80.37% 0.1394 212.16) 12.9%, oklch(78.20% 0.1372 215.38) 16.1%, oklch(76.02% 0.1362 219.03) 19.4%, oklch(73.91% 0.1370 223.10) 22.6%, oklch(71.96% 0.1398 227.63) 25.8%, oklch(69.83% 0.1433 232.49) 29.0%, oklch(67.48% 0.1489 237.71) 32.3%, oklch(65.09% 0.1584 243.33) 35.5%, oklch(62.80% 0.1750 249.41) 38.7%, oklch(60.77% 0.1859 255.98) 41.9%, oklch(59.16% 0.1960 263.14) 45.2%, oklch(58.12% 0.2046 270.92) 48.4%, oklch(57.83% 0.2113 279.50) 51.6%, oklch(58.33% 0.2176 289.43) 54.8%, oklch(59.45% 0.2236 300.41) 58.1%, oklch(60.99% 0.2290 312.00) 61.3%, oklch(62.76% 0.2335 323.74) 64.5%, oklch(64.56% 0.2368 335.17) 67.7%, oklch(66.20% 0.2386 345.86) 71.0%, oklch(67.48% 0.2387 355.36) 74.2%, oklch(68.35% 0.2199 3.60) 77.4%, oklch(69.08% 0.2044 11.34) 80.6%, oklch(69.71% 0.1946 18.53) 83.9%, oklch(70.24% 0.1888 25.11) 87.1%, oklch(70.69% 0.1860 31.02) 90.3%, oklch(71.06% 0.1853 36.18) 93.5%, oklch(71.38% 0.1858 40.52) 96.8%, oklch(71.65% 0.1860 43.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.149 | 203.2 |
| 2 | 0.724 | 0.139 | 226.5 |
| 3 | 0.579 | 0.208 | 275.1 |
| 4 | 0.677 | 0.238 | 357.5 |
| 5 | 0.717 | 0.186 | 404 |

## In these collections

- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)

## Other forms

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