# Indigo, turquoise and crimson color palette

The Indigo, turquoise and crimson color palette brings together blue, teal, and red. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits game interface concepts and stream graphics. Its darkest tone is blue, and its lightest tone is teal.

- Also called: Vivid blue, lavender, pink and orange linear gradient
- Seed: `kWede9SdS_WExOrXTdG1szDY`
- Page: https://grabient.com/kWede9SdS_WExOrXTdG1szDY?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.7 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 | `#1628ff` | `oklch(47.64% 0.2963 265.78)` | Vivid Blue | white, 7.5 to 1 |
| 2 | `#162fff` | `oklch(48.40% 0.2914 265.64)` | Vivid Blue | white, 7.2 to 1 |
| 3 | `#1937ff` | `oklch(49.35% 0.2851 265.76)` | C64 Blue | white, 6.9 to 1 |
| 4 | `#1d3fff` | `oklch(50.48% 0.2776 265.92)` | Rare Blue | white, 6.5 to 1 |
| 5 | `#2148ff` | `oklch(51.77% 0.2691 265.89)` | Blueshift | white, 6.1 to 1 |
| 6 | `#2351ff` | `oklch(53.21% 0.2597 265.47)` | Light Shōjin Blue | white, 5.6 to 1 |
| 7 | `#225bff` | `oklch(54.80% 0.2496 264.44)` | Kyanite | white, 5.2 to 1 |
| 8 | `#1c65ff` | `oklch(56.51% 0.2391 262.57)` | Bluerocratic | white, 4.8 to 1 |
| 9 | `#0770ff` | `oklch(58.36% 0.2286 259.56)` | Brandeis Blue | black, 4.7 to 1 |
| 10 | `#0081ef` | `oklch(60.68% 0.1898 253.45)` | Brescian Blue | black, 5.4 to 1 |
| 11 | `#0091e3` | `oklch(63.43% 0.1586 244.67)` | Bleu de France | black, 6.1 to 1 |
| 12 | `#009fdc` | `oklch(66.40% 0.1403 234.73)` | Vanadyl Blue | black, 7 to 1 |
| 13 | `#00acd9` | `oklch(69.35% 0.1316 225.15)` | Bright Cerulean | black, 7.9 to 1 |
| 14 | `#00b8da` | `oklch(72.07% 0.1290 217.42)` | Maldives | black, 8.8 to 1 |
| 15 | `#00c0dd` | `oklch(74.33% 0.1301 213.06)` | Caribbean Blue | black, 9.6 to 1 |
| 16 | `#00c6e4` | `oklch(75.91% 0.1332 213.57)` | Caribbean Blue | black, 10.1 to 1 |
| 17 | `#1fc6ef` | `oklch(76.60% 0.1353 220.54)` | Picnic Day Sky | black, 10.3 to 1 |
| 18 | `#41c0fe` | `oklch(76.40% 0.1404 234.74)` | Megaman | black, 10.1 to 1 |
| 19 | `#75b3ff` | `oklch(75.53% 0.1279 254.37)` | French Sky Blue | black, 9.6 to 1 |
| 20 | `#97a2ff` | `oklch(74.19% 0.1342 277.42)` | Widowmaker | black, 8.9 to 1 |
| 21 | `#bb89ff` | `oklch(72.62% 0.1714 301.84)` | Lilac Geode | black, 8.1 to 1 |
| 22 | `#dc71e1` | `oklch(71.03% 0.1914 325.60)` | Hibiscus Pop | black, 7.4 to 1 |
| 23 | `#f25db6` | `oklch(69.64% 0.2036 346.68)` | Crumbly Lipstick | black, 7 to 1 |
| 24 | `#fd518d` | `oklch(68.66% 0.2122 3.05)` | Pansy | black, 6.7 to 1 |
| 25 | `#ff4f71` | `oklch(68.17% 0.2107 13.92)` | Fiery Rose | black, 6.6 to 1 |
| 26 | `#ff515b` | `oklch(67.90% 0.2096 21.59)` | Fluorescent Red | black, 6.5 to 1 |
| 27 | `#ff524b` | `oklch(67.79% 0.2101 26.77)` | Red Orange Juice | black, 6.5 to 1 |
| 28 | `#ff5440` | `oklch(67.81% 0.2106 30.04)` | Ogre Odour | black, 6.5 to 1 |
| 29 | `#ff5539` | `oklch(67.89% 0.2106 31.99)` | Poppy Surprise | black, 6.6 to 1 |
| 30 | `#ff5735` | `oklch(68.00% 0.2101 33.20)` | Poppy Surprise | black, 6.6 to 1 |
| 31 | `#ff5831` | `oklch(68.09% 0.2099 34.27)` | Poppy Surprise | black, 6.6 to 1 |
| 32 | `#ff5829` | `oklch(68.11% 0.2105 35.76)` | Nasturtium | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1628ff 0.0%, #162fff 3.2%, #1937ff 6.5%, #1d3fff 9.7%, #2148ff 12.9%, #2351ff 16.1%, #225bff 19.4%, #1c65ff 22.6%, #0770ff 25.8%, #0081ef 29.0%, #0091e3 32.3%, #009fdc 35.5%, #00acd9 38.7%, #00b8da 41.9%, #00c0dd 45.2%, #00c6e4 48.4%, #1fc6ef 51.6%, #41c0fe 54.8%, #75b3ff 58.1%, #97a2ff 61.3%, #bb89ff 64.5%, #dc71e1 67.7%, #f25db6 71.0%, #fd518d 74.2%, #ff4f71 77.4%, #ff515b 80.6%, #ff524b 83.9%, #ff5440 87.1%, #ff5539 90.3%, #ff5735 93.5%, #ff5831 96.8%, #ff5829 100.0%);
background: linear-gradient(135deg in oklch, oklch(47.64% 0.2963 265.78) 0.0%, oklch(48.40% 0.2914 265.64) 3.2%, oklch(49.35% 0.2851 265.76) 6.5%, oklch(50.48% 0.2776 265.92) 9.7%, oklch(51.77% 0.2691 265.89) 12.9%, oklch(53.21% 0.2597 265.47) 16.1%, oklch(54.80% 0.2496 264.44) 19.4%, oklch(56.51% 0.2391 262.57) 22.6%, oklch(58.36% 0.2286 259.56) 25.8%, oklch(60.68% 0.1898 253.45) 29.0%, oklch(63.43% 0.1586 244.67) 32.3%, oklch(66.40% 0.1403 234.73) 35.5%, oklch(69.35% 0.1316 225.15) 38.7%, oklch(72.07% 0.1290 217.42) 41.9%, oklch(74.33% 0.1301 213.06) 45.2%, oklch(75.91% 0.1332 213.57) 48.4%, oklch(76.60% 0.1353 220.54) 51.6%, oklch(76.40% 0.1404 234.74) 54.8%, oklch(75.53% 0.1279 254.37) 58.1%, oklch(74.19% 0.1342 277.42) 61.3%, oklch(72.62% 0.1714 301.84) 64.5%, oklch(71.03% 0.1914 325.60) 67.7%, oklch(69.64% 0.2036 346.68) 71.0%, oklch(68.66% 0.2122 3.05) 74.2%, oklch(68.17% 0.2107 13.92) 77.4%, oklch(67.90% 0.2096 21.59) 80.6%, oklch(67.79% 0.2101 26.77) 83.9%, oklch(67.81% 0.2106 30.04) 87.1%, oklch(67.89% 0.2106 31.99) 90.3%, oklch(68.00% 0.2101 33.20) 93.5%, oklch(68.09% 0.2099 34.27) 96.8%, oklch(68.11% 0.2105 35.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.476 | 0.296 | 265.8 |
| 2 | 0.579 | 0.233 | 260.5 |
| 3 | 0.764 | 0.135 | 216.1 |
| 4 | 0.685 | 0.214 | 366.2 |
| 5 | 0.681 | 0.211 | 395.8 |

## In these collections

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

## Other forms

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