# Near-black, cobalt blue and violet indigo palette

The Near-black, cobalt blue and violet indigo palette brings together dark blue, blue, and purple. The colors span a moderate lightness range, combining strong color with clear contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is blue.

- Also called: Analogous navy, blue and purple angular gradient
- Seed: `kUJCGwp6vBEI6QgxqEKA`
- Page: https://grabient.com/kUJCGwp6vBEI6QgxqEKA?style=angularGradient&steps=32&angle=210
- Drawn as: angular gradient, 32 steps, 210 degrees
- Kinds: light center, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.4 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 | `#000a19` | `oklch(14.22% 0.0395 249.28)` | Melanophobia | white, 19.8 to 1 |
| 2 | `#000c1c` | `oklch(15.17% 0.0425 249.59)` | Melanophobia | white, 19.6 to 1 |
| 3 | `#000e21` | `oklch(16.36% 0.0463 250.02)` | Kuretake Black Manga | white, 19.3 to 1 |
| 4 | `#001126` | `oklch(17.76% 0.0510 250.56)` | Kuretake Black Manga | white, 18.8 to 1 |
| 5 | `#00152d` | `oklch(19.34% 0.0566 251.22)` | Squid’s Ink | white, 18.3 to 1 |
| 6 | `#001934` | `oklch(21.06% 0.0630 252.00)` | Naval Night | white, 17.7 to 1 |
| 7 | `#001d3c` | `oklch(22.88% 0.0703 252.89)` | Maastricht Blue | white, 16.9 to 1 |
| 8 | `#002145` | `oklch(24.77% 0.0785 253.88)` | Oxford Blue | white, 16.1 to 1 |
| 9 | `#00254f` | `oklch(26.69% 0.0878 254.96)` | Subnautical | white, 15.3 to 1 |
| 10 | `#002959` | `oklch(28.61% 0.0981 256.12)` | Blue Leviathan | white, 14.4 to 1 |
| 11 | `#002c65` | `oklch(30.50% 0.1099 257.37)` | Cool Black | white, 13.5 to 1 |
| 12 | `#002f71` | `oklch(32.41% 0.1236 258.66)` | Konjō Blue | white, 12.7 to 1 |
| 13 | `#08347b` | `oklch(34.61% 0.1293 260.09)` | Cobalt Blue Tarantula | white, 11.7 to 1 |
| 14 | `#123a86` | `oklch(37.04% 0.1349 261.65)` | Mystery Oceans | white, 10.6 to 1 |
| 15 | `#1c4091` | `oklch(39.59% 0.1402 263.29)` | Blue Oblivion | white, 9.6 to 1 |
| 16 | `#25469b` | `oklch(42.15% 0.1453 265.02)` | Cascade Twilight | white, 8.6 to 1 |
| 17 | `#2f4ba6` | `oklch(44.62% 0.1498 266.81)` | The Blues Brothers | white, 7.8 to 1 |
| 18 | `#3851af` | `oklch(46.90% 0.1537 268.65)` | Blasphemous Blue | white, 7.1 to 1 |
| 19 | `#4055b7` | `oklch(48.89% 0.1567 270.53)` | Free Speech Blue | white, 6.5 to 1 |
| 20 | `#4858be` | `oklch(50.48% 0.1589 272.45)` | Free Speech Blue | white, 6.1 to 1 |
| 21 | `#4f5ac2` | `oklch(51.57% 0.1599 274.38)` | Free Speech Blue | white, 5.8 to 1 |
| 22 | `#545bc3` | `oklch(52.05% 0.1596 276.34)` | Circumorbital Ring | white, 5.7 to 1 |
| 23 | `#5759c0` | `oklch(51.85% 0.1575 278.50)` | Circumorbital Ring | white, 5.8 to 1 |
| 24 | `#5956bb` | `oklch(51.07% 0.1537 280.84)` | Circumorbital Ring | white, 6 to 1 |
| 25 | `#5a52b3` | `oklch(49.83% 0.1487 283.31)` | Brandywine Raspberry | white, 6.3 to 1 |
| 26 | `#5a4daa` | `oklch(48.25% 0.1428 285.82)` | Brandywine Raspberry | white, 6.8 to 1 |
| 27 | `#5848a0` | `oklch(46.47% 0.1365 288.31)` | Liberty | white, 7.3 to 1 |
| 28 | `#564396` | `oklch(44.62% 0.1299 290.70)` | Daisy Bush | white, 7.9 to 1 |
| 29 | `#533e8c` | `oklch(42.81% 0.1237 292.92)` | Daisy Bush | white, 8.5 to 1 |
| 30 | `#513a83` | `oklch(41.18% 0.1181 294.91)` | Prism Violet | white, 9.1 to 1 |
| 31 | `#4e377c` | `oklch(39.86% 0.1135 296.58)` | Prism Violet | white, 9.7 to 1 |
| 32 | `#4d3577` | `oklch(38.98% 0.1102 297.87)` | Galactic Compass | white, 10 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #000a19 0.0%, #000c1c 3.2%, #000e21 6.5%, #001126 9.7%, #00152d 12.9%, #001934 16.1%, #001d3c 19.4%, #002145 22.6%, #00254f 25.8%, #002959 29.0%, #002c65 32.3%, #002f71 35.5%, #08347b 38.7%, #123a86 41.9%, #1c4091 45.2%, #25469b 48.4%, #2f4ba6 51.6%, #3851af 54.8%, #4055b7 58.1%, #4858be 61.3%, #4f5ac2 64.5%, #545bc3 67.7%, #5759c0 71.0%, #5956bb 74.2%, #5a52b3 77.4%, #5a4daa 80.6%, #5848a0 83.9%, #564396 87.1%, #533e8c 90.3%, #513a83 93.5%, #4e377c 96.8%, #4d3577 100.0%);
background: conic-gradient(from 210deg in oklch, oklch(14.22% 0.0395 249.28) 0.0%, oklch(15.17% 0.0425 249.59) 3.2%, oklch(16.36% 0.0463 250.02) 6.5%, oklch(17.76% 0.0510 250.56) 9.7%, oklch(19.34% 0.0566 251.22) 12.9%, oklch(21.06% 0.0630 252.00) 16.1%, oklch(22.88% 0.0703 252.89) 19.4%, oklch(24.77% 0.0785 253.88) 22.6%, oklch(26.69% 0.0878 254.96) 25.8%, oklch(28.61% 0.0981 256.12) 29.0%, oklch(30.50% 0.1099 257.37) 32.3%, oklch(32.41% 0.1236 258.66) 35.5%, oklch(34.61% 0.1293 260.09) 38.7%, oklch(37.04% 0.1349 261.65) 41.9%, oklch(39.59% 0.1402 263.29) 45.2%, oklch(42.15% 0.1453 265.02) 48.4%, oklch(44.62% 0.1498 266.81) 51.6%, oklch(46.90% 0.1537 268.65) 54.8%, oklch(48.89% 0.1567 270.53) 58.1%, oklch(50.48% 0.1589 272.45) 61.3%, oklch(51.57% 0.1599 274.38) 64.5%, oklch(52.05% 0.1596 276.34) 67.7%, oklch(51.85% 0.1575 278.50) 71.0%, oklch(51.07% 0.1537 280.84) 74.2%, oklch(49.83% 0.1487 283.31) 77.4%, oklch(48.25% 0.1428 285.82) 80.6%, oklch(46.47% 0.1365 288.31) 83.9%, oklch(44.62% 0.1299 290.70) 87.1%, oklch(42.81% 0.1237 292.92) 90.3%, oklch(41.18% 0.1181 294.91) 93.5%, oklch(39.86% 0.1135 296.58) 96.8%, oklch(38.98% 0.1102 297.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.045 | 248.2 |
| 2 | 0.311 | 0.12 | 257.7 |
| 3 | 0.52 | 0.16 | 275.7 |
| 4 | 0.39 | 0.11 | 297.9 |

## In these collections

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

## Other forms

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