# Blue indigo palette

The Blue indigo palette brings together light blue and blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light blue.

- Also called: Monochrome light blue to blue linear gradient
- Seed: `kW1jDMWqy_cpBv0-xr-Ki5AQ`
- Page: https://grabient.com/kW1jDMWqy_cpBv0-xr-Ki5AQ?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#c8c6f5` | `oklch(84.25% 0.0661 286.88)` | Light Periwinkle | black, 12.7 to 1 |
| 2 | `#c4c2f5` | `oklch(83.21% 0.0707 286.54)` | Light Periwinkle | black, 12.3 to 1 |
| 3 | `#bfbdf4` | `oklch(81.82% 0.0767 286.11)` | Vodka | black, 11.7 to 1 |
| 4 | `#b9b7f3` | `oklch(80.17% 0.0838 285.59)` | Purple Illusion | black, 11.1 to 1 |
| 5 | `#b2b1f1` | `oklch(78.33% 0.0918 285.02)` | Wondrous Wisteria | black, 10.4 to 1 |
| 6 | `#abaaf0` | `oklch(76.40% 0.1002 284.40)` | Maximum Blue Purple | black, 9.7 to 1 |
| 7 | `#a3a3ef` | `oklch(74.45% 0.1087 283.76)` | Cold Lips | black, 9 to 1 |
| 8 | `#9c9ced` | `oklch(72.57% 0.1169 283.12)` | Cold Lips | black, 8.4 to 1 |
| 9 | `#9696ec` | `oklch(70.84% 0.1245 282.49)` | Periwinkle Blue | black, 7.8 to 1 |
| 10 | `#8f90eb` | `oklch(69.12% 0.1324 281.83)` | Perrywinkle | black, 7.3 to 1 |
| 11 | `#888aea` | `oklch(67.37% 0.1407 281.13)` | Perrywinkle | black, 6.8 to 1 |
| 12 | `#8184e9` | `oklch(65.61% 0.1491 280.40)` | Indigo Bloom | black, 6.4 to 1 |
| 13 | `#7a7ee8` | `oklch(63.87% 0.1573 279.67)` | Hera Blue | black, 5.9 to 1 |
| 14 | `#7477e7` | `oklch(62.17% 0.1651 278.95)` | Hera Blue | black, 5.5 to 1 |
| 15 | `#6d72e6` | `oklch(60.53% 0.1721 278.27)` | Hera Blue | black, 5.1 to 1 |
| 16 | `#676ce4` | `oklch(58.99% 0.1780 277.65)` | If I Could Fly | black, 4.8 to 1 |
| 17 | `#6267e2` | `oklch(57.59% 0.1828 277.09)` | Exodus Fruit | white, 4.5 to 1 |
| 18 | `#5d63e0` | `oklch(56.37% 0.1872 276.52)` | Exodus Fruit | white, 4.8 to 1 |
| 19 | `#595fdf` | `oklch(55.31% 0.1911 275.96)` | Arcane Brew | white, 5 to 1 |
| 20 | `#555cdd` | `oklch(54.31% 0.1943 275.43)` | Arcane Brew | white, 5.3 to 1 |
| 21 | `#5158db` | `oklch(53.31% 0.1965 274.97)` | Warm Blue | white, 5.5 to 1 |
| 22 | `#4d55d8` | `oklch(52.24% 0.1976 274.59)` | Warm Blue | white, 5.8 to 1 |
| 23 | `#4951d4` | `oklch(51.03% 0.1972 274.32)` | Gorgonzola Blue | white, 6.1 to 1 |
| 24 | `#464dce` | `oklch(49.61% 0.1951 274.20)` | Gorgonzola Blue | white, 6.5 to 1 |
| 25 | `#4249c6` | `oklch(47.86% 0.1907 274.26)` | Kikorangi Blue | white, 7 to 1 |
| 26 | `#3e44ba` | `oklch(45.73% 0.1832 274.54)` | Early Spring Night | white, 7.6 to 1 |
| 27 | `#3a3ead` | `oklch(43.35% 0.1736 274.98)` | Early Spring Night | white, 8.4 to 1 |
| 28 | `#36399f` | `oklch(40.88% 0.1628 275.51)` | Purple Cabbage | white, 9.3 to 1 |
| 29 | `#323392` | `oklch(38.47% 0.1517 276.08)` | Perfect Dark | white, 10.3 to 1 |
| 30 | `#2f2f86` | `oklch(36.27% 0.1414 276.61)` | Cosmic Cobalt | white, 11.2 to 1 |
| 31 | `#2b2b7c` | `oklch(34.42% 0.1328 277.06)` | St. Patrick’s Blue | white, 12 to 1 |
| 32 | `#292874` | `oklch(33.07% 0.1268 277.36)` | Blue Rose | white, 12.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c8c6f5 0.0%, #c4c2f5 3.2%, #bfbdf4 6.5%, #b9b7f3 9.7%, #b2b1f1 12.9%, #abaaf0 16.1%, #a3a3ef 19.4%, #9c9ced 22.6%, #9696ec 25.8%, #8f90eb 29.0%, #888aea 32.3%, #8184e9 35.5%, #7a7ee8 38.7%, #7477e7 41.9%, #6d72e6 45.2%, #676ce4 48.4%, #6267e2 51.6%, #5d63e0 54.8%, #595fdf 58.1%, #555cdd 61.3%, #5158db 64.5%, #4d55d8 67.7%, #4951d4 71.0%, #464dce 74.2%, #4249c6 77.4%, #3e44ba 80.6%, #3a3ead 83.9%, #36399f 87.1%, #323392 90.3%, #2f2f86 93.5%, #2b2b7c 96.8%, #292874 100.0%);
background: linear-gradient(135deg in oklch, oklch(84.25% 0.0661 286.88) 0.0%, oklch(83.21% 0.0707 286.54) 3.2%, oklch(81.82% 0.0767 286.11) 6.5%, oklch(80.17% 0.0838 285.59) 9.7%, oklch(78.33% 0.0918 285.02) 12.9%, oklch(76.40% 0.1002 284.40) 16.1%, oklch(74.45% 0.1087 283.76) 19.4%, oklch(72.57% 0.1169 283.12) 22.6%, oklch(70.84% 0.1245 282.49) 25.8%, oklch(69.12% 0.1324 281.83) 29.0%, oklch(67.37% 0.1407 281.13) 32.3%, oklch(65.61% 0.1491 280.40) 35.5%, oklch(63.87% 0.1573 279.67) 38.7%, oklch(62.17% 0.1651 278.95) 41.9%, oklch(60.53% 0.1721 278.27) 45.2%, oklch(58.99% 0.1780 277.65) 48.4%, oklch(57.59% 0.1828 277.09) 51.6%, oklch(56.37% 0.1872 276.52) 54.8%, oklch(55.31% 0.1911 275.96) 58.1%, oklch(54.31% 0.1943 275.43) 61.3%, oklch(53.31% 0.1965 274.97) 64.5%, oklch(52.24% 0.1976 274.59) 67.7%, oklch(51.03% 0.1972 274.32) 71.0%, oklch(49.61% 0.1951 274.20) 74.2%, oklch(47.86% 0.1907 274.26) 77.4%, oklch(45.73% 0.1832 274.54) 80.6%, oklch(43.35% 0.1736 274.98) 83.9%, oklch(40.88% 0.1628 275.51) 87.1%, oklch(38.47% 0.1517 276.08) 90.3%, oklch(36.27% 0.1414 276.61) 93.5%, oklch(34.42% 0.1328 277.06) 96.8%, oklch(33.07% 0.1268 277.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.843 | 0.066 | 286.9 |
| 2 | 0.713 | 0.123 | 282.6 |
| 3 | 0.583 | 0.181 | 277.4 |
| 4 | 0.492 | 0.194 | 274.2 |
| 5 | 0.331 | 0.127 | 277.4 |

## In these collections

- [Indigo gradients](https://grabient.com/indigo-gradients)

## Other forms

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