# Near-black and cobalt blue color palette

The Near-black and cobalt blue color palette brings together black, dark blue, purple, teal, and blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits stationery systems and print layouts. Its darkest tone is black, and its lightest tone is teal.

- Also called: Seamless black, purple and blue linear gradient
- Seed: `kYGBTHIS1Ajm-QZcJrYrKBEo0Iwc`
- Page: https://grabient.com/kYGBTHIS1Ajm-QZcJrYrKBEo0Iwc?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, dark, cool, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 8.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 | `#02020a` | `oklch(9.45% 0.0276 279.84)` | Ninja | white, 20.6 to 1 |
| 2 | `#030312` | `oklch(11.15% 0.0382 280.30)` | Obsidian Shard | white, 20.4 to 1 |
| 3 | `#06041d` | `oklch(13.46% 0.0533 280.86)` | Melanophobia | white, 20.1 to 1 |
| 4 | `#0b062b` | `oklch(16.22% 0.0710 281.55)` | Mysterious Depths | white, 19.5 to 1 |
| 5 | `#11083a` | `oklch(19.24% 0.0895 282.41)` | Congressional Navy | white, 18.7 to 1 |
| 6 | `#190b4a` | `oklch(22.36% 0.1070 283.49)` | Magic Whale | white, 17.6 to 1 |
| 7 | `#210f59` | `oklch(25.40% 0.1216 284.83)` | Praise of Shadow | white, 16.4 to 1 |
| 8 | `#2a1366` | `oklch(28.28% 0.1333 287.18)` | Nebula Night | white, 15.1 to 1 |
| 9 | `#361672` | `oklch(31.15% 0.1446 291.37)` | Persian Indigo | white, 13.9 to 1 |
| 10 | `#43197d` | `oklch(34.07% 0.1548 296.14)` | Grim Purple | white, 12.6 to 1 |
| 11 | `#501d87` | `oklch(37.11% 0.1631 300.15)` | Occult | white, 11.2 to 1 |
| 12 | `#5b2492` | `oklch(40.33% 0.1688 302.10)` | Intergalactic Settlement | white, 9.9 to 1 |
| 13 | `#64309f` | `oklch(43.80% 0.1711 300.68)` | Rebecca Purple | white, 8.5 to 1 |
| 14 | `#6641b1` | `oklch(47.87% 0.1688 294.17)` | Swiss Plum | white, 7 to 1 |
| 15 | `#605bc6` | `oklch(53.32% 0.1609 281.40)` | Circumorbital Ring | white, 5.4 to 1 |
| 16 | `#5279d7` | `oklch(59.41% 0.1492 264.84)` | Serenity’s Reign | black, 5 to 1 |
| 17 | `#4095de` | `oklch(65.21% 0.1356 247.25)` | Flax Flower Blue | black, 6.5 to 1 |
| 18 | `#39abdc` | `oklch(69.82% 0.1222 231.38)` | Thalassophile | black, 8 to 1 |
| 19 | `#42b6d6` | `oklch(72.33% 0.1110 219.98)` | Aztec Sky | black, 8.8 to 1 |
| 20 | `#48b4cd` | `oklch(71.83% 0.1037 215.62)` | Blue Bobbin | black, 8.6 to 1 |
| 21 | `#42a7c1` | `oklch(68.12% 0.0998 217.69)` | Moonstone | black, 7.5 to 1 |
| 22 | `#3593b2` | `oklch(62.08% 0.0979 224.19)` | Enchanted Well | black, 5.9 to 1 |
| 23 | `#287aa0` | `oklch(54.69% 0.0968 233.26)` | Fun and Games | white, 4.8 to 1 |
| 24 | `#20608c` | `oklch(46.91% 0.0954 243.05)` | Pontoon | white, 6.7 to 1 |
| 25 | `#1b4977` | `oklch(39.72% 0.0925 251.71)` | Thunder Night | white, 9.3 to 1 |
| 26 | `#183764` | `oklch(34.04% 0.0868 257.48)` | Passionate Blue | white, 11.8 to 1 |
| 27 | `#142a52` | `oklch(29.07% 0.0776 261.43)` | Dark Tyrian Blue | white, 14.1 to 1 |
| 28 | `#101e3f` | `oklch(24.30% 0.0660 264.66)` | Nightwalker | white, 16.4 to 1 |
| 29 | `#0b142e` | `oklch(19.88% 0.0534 267.27)` | Liberty Blue | white, 18.2 to 1 |
| 30 | `#070c1f` | `oklch(15.96% 0.0412 269.36)` | Tristesse | white, 19.4 to 1 |
| 31 | `#040613` | `oklch(12.69% 0.0307 271.05)` | Not Tonight | white, 20.2 to 1 |
| 32 | `#02030a` | `oklch(10.24% 0.0234 272.45)` | Ninja | white, 20.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #02020a 0.0%, #030312 3.2%, #06041d 6.5%, #0b062b 9.7%, #11083a 12.9%, #190b4a 16.1%, #210f59 19.4%, #2a1366 22.6%, #361672 25.8%, #43197d 29.0%, #501d87 32.3%, #5b2492 35.5%, #64309f 38.7%, #6641b1 41.9%, #605bc6 45.2%, #5279d7 48.4%, #4095de 51.6%, #39abdc 54.8%, #42b6d6 58.1%, #48b4cd 61.3%, #42a7c1 64.5%, #3593b2 67.7%, #287aa0 71.0%, #20608c 74.2%, #1b4977 77.4%, #183764 80.6%, #142a52 83.9%, #101e3f 87.1%, #0b142e 90.3%, #070c1f 93.5%, #040613 96.8%, #02030a 100.0%);
background: linear-gradient(45deg in oklch, oklch(9.45% 0.0276 279.84) 0.0%, oklch(11.15% 0.0382 280.30) 3.2%, oklch(13.46% 0.0533 280.86) 6.5%, oklch(16.22% 0.0710 281.55) 9.7%, oklch(19.24% 0.0895 282.41) 12.9%, oklch(22.36% 0.1070 283.49) 16.1%, oklch(25.40% 0.1216 284.83) 19.4%, oklch(28.28% 0.1333 287.18) 22.6%, oklch(31.15% 0.1446 291.37) 25.8%, oklch(34.07% 0.1548 296.14) 29.0%, oklch(37.11% 0.1631 300.15) 32.3%, oklch(40.33% 0.1688 302.10) 35.5%, oklch(43.80% 0.1711 300.68) 38.7%, oklch(47.87% 0.1688 294.17) 41.9%, oklch(53.32% 0.1609 281.40) 45.2%, oklch(59.41% 0.1492 264.84) 48.4%, oklch(65.21% 0.1356 247.25) 51.6%, oklch(69.82% 0.1222 231.38) 54.8%, oklch(72.33% 0.1110 219.98) 58.1%, oklch(71.83% 0.1037 215.62) 61.3%, oklch(68.12% 0.0998 217.69) 64.5%, oklch(62.08% 0.0979 224.19) 67.7%, oklch(54.69% 0.0968 233.26) 71.0%, oklch(46.91% 0.0954 243.05) 74.2%, oklch(39.72% 0.0925 251.71) 77.4%, oklch(34.04% 0.0868 257.48) 80.6%, oklch(29.07% 0.0776 261.43) 83.9%, oklch(24.30% 0.0660 264.66) 87.1%, oklch(19.88% 0.0534 267.27) 90.3%, oklch(15.96% 0.0412 269.36) 93.5%, oklch(12.69% 0.0307 271.05) 96.8%, oklch(10.24% 0.0234 272.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.094 | 0.028 | 279.8 |
| 2 | 0.26 | 0.124 | 285.1 |
| 3 | 0.453 | 0.171 | 298.9 |
| 4 | 0.724 | 0.106 | 216.4 |
| 5 | 0.35 | 0.088 | 256.6 |
| 6 | 0.102 | 0.023 | 272.4 |

## In these collections

- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)
- [Wallpaper gradients](https://grabient.com/wallpaper-gradients)
- [Galaxy gradients](https://grabient.com/galaxy-gradients)

## Other forms

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