# Near-black and cobalt blue color palette

The Near-black and cobalt blue color palette brings together black, blue, and dark blue. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is black, and its lightest tone is blue.

- Also called: Seamless monochrome black and blue linear gradient
- Seed: `kWFBK3p68_7-9vuipMFCQe_4`
- Page: https://grabient.com/kWFBK3p68_7-9vuipMFCQe_4?steps=40
- Drawn as: linear gradient, 40 steps, 90 degrees
- Kinds: light center, vivid, dark, cool, monochrome, seamless
- 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 | `#000106` | `oklch(7.87% 0.0248 258.05)` | Black Hole | white, 20.8 to 1 |
| 2 | `#00020b` | `oklch(9.32% 0.0315 258.09)` | Ninja | white, 20.6 to 1 |
| 3 | `#000413` | `oklch(11.21% 0.0406 258.19)` | Obsidian Shard | white, 20.4 to 1 |
| 4 | `#00071c` | `oklch(13.46% 0.0513 258.63)` | Melanophobia | white, 20 to 1 |
| 5 | `#000b27` | `oklch(16.00% 0.0623 259.11)` | Mysterious Depths | white, 19.4 to 1 |
| 6 | `#001132` | `oklch(18.68% 0.0724 258.99)` | Squid’s Ink | white, 18.6 to 1 |
| 7 | `#00163e` | `oklch(21.45% 0.0828 258.93)` | Navy | white, 17.6 to 1 |
| 8 | `#001c4b` | `oklch(24.22% 0.0932 258.85)` | Oxford Blue | white, 16.5 to 1 |
| 9 | `#002357` | `oklch(26.90% 0.1028 258.69)` | Clarinet | white, 15.3 to 1 |
| 10 | `#002962` | `oklch(29.40% 0.1110 258.43)` | Blue Leviathan | white, 14.1 to 1 |
| 11 | `#002e6c` | `oklch(31.66% 0.1173 258.01)` | Deep Sea Dream | white, 13 to 1 |
| 12 | `#003575` | `oklch(34.04% 0.1223 257.30)` | Dark Midnight Blue | white, 11.9 to 1 |
| 13 | `#003c7f` | `oklch(36.62% 0.1266 256.32)` | Bracing Blue | white, 10.7 to 1 |
| 14 | `#004489` | `oklch(39.27% 0.1301 255.16)` | Pacific Depths | white, 9.6 to 1 |
| 15 | `#004c92` | `oklch(41.88% 0.1329 253.91)` | Iron Blue | white, 8.5 to 1 |
| 16 | `#00539b` | `oklch(44.32% 0.1353 252.67)` | Standing Waters | white, 7.7 to 1 |
| 17 | `#005aa2` | `oklch(46.48% 0.1372 251.53)` | Princess Blue | white, 7 to 1 |
| 18 | `#0060a9` | `oklch(48.22% 0.1386 250.57)` | Directoire Blue | white, 6.4 to 1 |
| 19 | `#0064ad` | `oklch(49.44% 0.1396 249.90)` | Cobalt Stone | white, 6.1 to 1 |
| 20 | `#0066af` | `oklch(50.00% 0.1401 249.60)` | Wing Commander | white, 6 to 1 |
| 21 | `#0065ae` | `oklch(49.79% 0.1401 249.76)` | Cobalt Stone | white, 6 to 1 |
| 22 | `#0061ab` | `oklch(48.76% 0.1396 250.42)` | Directoire Blue | white, 6.3 to 1 |
| 23 | `#005ca5` | `oklch(47.04% 0.1386 251.46)` | Directoire Blue | white, 6.8 to 1 |
| 24 | `#00559d` | `oklch(44.77% 0.1372 252.80)` | Standing Waters | white, 7.5 to 1 |
| 25 | `#004c94` | `oklch(42.10% 0.1354 254.32)` | Yale Blue | white, 8.5 to 1 |
| 26 | `#00438b` | `oklch(39.17% 0.1334 255.93)` | Pacific Depths | white, 9.6 to 1 |
| 27 | `#023a7f` | `oklch(36.12% 0.1284 257.46)` | Cobalt Blue Tarantula | white, 10.9 to 1 |
| 28 | `#053271` | `oklch(33.10% 0.1195 258.92)` | Konjō Blue | white, 12.3 to 1 |
| 29 | `#062a65` | `oklch(30.26% 0.1107 260.15)` | Blue Leviathan | white, 13.7 to 1 |
| 30 | `#062459` | `oklch(27.73% 0.1025 261.05)` | Downriver | white, 14.9 to 1 |
| 31 | `#061f4f` | `oklch(25.48% 0.0946 261.60)` | Subnautical | white, 15.9 to 1 |
| 32 | `#051a45` | `oklch(23.13% 0.0859 261.92)` | Maastricht Blue | white, 17 to 1 |
| 33 | `#04153a` | `oklch(20.73% 0.0766 262.06)` | Navy | white, 17.9 to 1 |
| 34 | `#03102f` | `oklch(18.33% 0.0670 262.06)` | Squid’s Ink | white, 18.7 to 1 |
| 35 | `#020b25` | `oklch(15.98% 0.0575 261.96)` | Void | white, 19.4 to 1 |
| 36 | `#01071c` | `oklch(13.75% 0.0483 261.79)` | Melanophobia | white, 20 to 1 |
| 37 | `#010514` | `oklch(11.69% 0.0397 261.60)` | Obsidian Shard | white, 20.3 to 1 |
| 38 | `#01030d` | `oklch(9.86% 0.0321 261.41)` | Ninja | white, 20.6 to 1 |
| 39 | `#000207` | `oklch(8.30% 0.0256 261.27)` | Black Hole | white, 20.7 to 1 |
| 40 | `#000104` | `oklch(7.09% 0.0207 261.22)` | Black Hole | white, 20.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #000106 0.0%, #00020b 2.6%, #000413 5.1%, #00071c 7.7%, #000b27 10.3%, #001132 12.8%, #00163e 15.4%, #001c4b 17.9%, #002357 20.5%, #002962 23.1%, #002e6c 25.6%, #003575 28.2%, #003c7f 30.8%, #004489 33.3%, #004c92 35.9%, #00539b 38.5%, #005aa2 41.0%, #0060a9 43.6%, #0064ad 46.2%, #0066af 48.7%, #0065ae 51.3%, #0061ab 53.8%, #005ca5 56.4%, #00559d 59.0%, #004c94 61.5%, #00438b 64.1%, #023a7f 66.7%, #053271 69.2%, #062a65 71.8%, #062459 74.4%, #061f4f 76.9%, #051a45 79.5%, #04153a 82.1%, #03102f 84.6%, #020b25 87.2%, #01071c 89.7%, #010514 92.3%, #01030d 94.9%, #000207 97.4%, #000104 100.0%);
background: linear-gradient(90deg in oklch, oklch(7.87% 0.0248 258.05) 0.0%, oklch(9.32% 0.0315 258.09) 2.6%, oklch(11.21% 0.0406 258.19) 5.1%, oklch(13.46% 0.0513 258.63) 7.7%, oklch(16.00% 0.0623 259.11) 10.3%, oklch(18.68% 0.0724 258.99) 12.8%, oklch(21.45% 0.0828 258.93) 15.4%, oklch(24.22% 0.0932 258.85) 17.9%, oklch(26.90% 0.1028 258.69) 20.5%, oklch(29.40% 0.1110 258.43) 23.1%, oklch(31.66% 0.1173 258.01) 25.6%, oklch(34.04% 0.1223 257.30) 28.2%, oklch(36.62% 0.1266 256.32) 30.8%, oklch(39.27% 0.1301 255.16) 33.3%, oklch(41.88% 0.1329 253.91) 35.9%, oklch(44.32% 0.1353 252.67) 38.5%, oklch(46.48% 0.1372 251.53) 41.0%, oklch(48.22% 0.1386 250.57) 43.6%, oklch(49.44% 0.1396 249.90) 46.2%, oklch(50.00% 0.1401 249.60) 48.7%, oklch(49.79% 0.1401 249.76) 51.3%, oklch(48.76% 0.1396 250.42) 53.8%, oklch(47.04% 0.1386 251.46) 56.4%, oklch(44.77% 0.1372 252.80) 59.0%, oklch(42.10% 0.1354 254.32) 61.5%, oklch(39.17% 0.1334 255.93) 64.1%, oklch(36.12% 0.1284 257.46) 66.7%, oklch(33.10% 0.1195 258.92) 69.2%, oklch(30.26% 0.1107 260.15) 71.8%, oklch(27.73% 0.1025 261.05) 74.4%, oklch(25.48% 0.0946 261.60) 76.9%, oklch(23.13% 0.0859 261.92) 79.5%, oklch(20.73% 0.0766 262.06) 82.1%, oklch(18.33% 0.0670 262.06) 84.6%, oklch(15.98% 0.0575 261.96) 87.2%, oklch(13.75% 0.0483 261.79) 89.7%, oklch(11.69% 0.0397 261.60) 92.3%, oklch(9.86% 0.0321 261.41) 94.9%, oklch(8.30% 0.0256 261.27) 97.4%, oklch(7.09% 0.0207 261.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.079 | 0.025 | 258 |
| 2 | 0.311 | 0.13 | 258 |
| 3 | 0.5 | 0.169 | 249.6 |
| 4 | 0.272 | 0.101 | 261.2 |
| 5 | 0.071 | 0.021 | 261.2 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)
- [Night sky gradients](https://grabient.com/night-sky-gradients)
- [Moody gradients](https://grabient.com/moody-gradients)

## Other forms

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