# Near-black and blue color palette

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

- Also called: Monochrome navy to blue linear gradient
- Seed: `kUKSTLoqS_C8zPs5Lz6A`
- Page: https://grabient.com/kUKSTLoqS_C8zPs5Lz6A?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.5 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 | `#0d0921` | `oklch(16.14% 0.0496 286.17)` | Tristesse | white, 19.4 to 1 |
| 2 | `#0e0a24` | `oklch(16.78% 0.0526 285.76)` | Tristesse | white, 19.3 to 1 |
| 3 | `#0f0b28` | `oklch(17.60% 0.0564 285.24)` | Mysterious Depths | white, 19 to 1 |
| 4 | `#110d2c` | `oklch(18.57% 0.0610 284.63)` | Spanish Roast | white, 18.7 to 1 |
| 5 | `#130f31` | `oklch(19.66% 0.0661 283.94)` | Spanish Roast | white, 18.4 to 1 |
| 6 | `#151137` | `oklch(20.84% 0.0717 283.20)` | Spanish Roast | white, 18 to 1 |
| 7 | `#17133d` | `oklch(22.06% 0.0774 282.40)` | Deadly Depths | white, 17.5 to 1 |
| 8 | `#191543` | `oklch(23.31% 0.0832 281.58)` | Tetsu-Kon Blue | white, 17 to 1 |
| 9 | `#1b1749` | `oklch(24.54% 0.0888 280.73)` | Tetsu-Kon Blue | white, 16.5 to 1 |
| 10 | `#1d1a4f` | `oklch(25.72% 0.0942 279.89)` | Fly-by-Night | white, 16 to 1 |
| 11 | `#1e1c54` | `oklch(26.82% 0.0991 279.05)` | Fly-by-Night | white, 15.5 to 1 |
| 12 | `#1f1e5a` | `oklch(27.84% 0.1036 278.22)` | Spacescape | white, 15 to 1 |
| 13 | `#21205f` | `oklch(28.84% 0.1082 277.38)` | Intergalactic Cowboy | white, 14.6 to 1 |
| 14 | `#222264` | `oklch(29.84% 0.1129 276.52)` | Intergalactic Cowboy | white, 14.1 to 1 |
| 15 | `#222569` | `oklch(30.83% 0.1177 275.64)` | After Work Blue | white, 13.6 to 1 |
| 16 | `#23276f` | `oklch(31.80% 0.1222 274.74)` | After Work Blue | white, 13.2 to 1 |
| 17 | `#242974` | `oklch(32.76% 0.1266 273.82)` | St. Patrick’s Blue | white, 12.7 to 1 |
| 18 | `#242b79` | `oklch(33.71% 0.1306 272.88)` | St. Patrick’s Blue | white, 12.3 to 1 |
| 19 | `#242e7e` | `oklch(34.64% 0.1341 271.92)` | Deep Space Royal | white, 11.9 to 1 |
| 20 | `#243082` | `oklch(35.54% 0.1371 270.94)` | Deep Space Royal | white, 11.4 to 1 |
| 21 | `#243386` | `oklch(36.43% 0.1394 269.94)` | Intergalactic Highway | white, 11 to 1 |
| 22 | `#23368a` | `oklch(37.30% 0.1410 268.91)` | Intergalactic Highway | white, 10.6 to 1 |
| 23 | `#23398d` | `oklch(38.18% 0.1415 267.78)` | Navy Seal | white, 10.2 to 1 |
| 24 | `#223c90` | `oklch(39.07% 0.1413 266.55)` | Navy Seal | white, 9.8 to 1 |
| 25 | `#224092` | `oklch(39.97% 0.1404 265.26)` | Blue Oblivion | white, 9.5 to 1 |
| 26 | `#214394` | `oklch(40.85% 0.1390 263.95)` | Space Explorer | white, 9.1 to 1 |
| 27 | `#214796` | `oklch(41.70% 0.1372 262.64)` | Cascade Twilight | white, 8.7 to 1 |
| 28 | `#204a97` | `oklch(42.50% 0.1353 261.39)` | Cascade Twilight | white, 8.4 to 1 |
| 29 | `#204d98` | `oklch(43.23% 0.1334 260.23)` | Le Grand Bleu | white, 8.1 to 1 |
| 30 | `#204f99` | `oklch(43.88% 0.1317 259.19)` | Le Grand Bleu | white, 7.9 to 1 |
| 31 | `#20519a` | `oklch(44.44% 0.1304 258.31)` | Summer Waters | white, 7.7 to 1 |
| 32 | `#20539b` | `oklch(44.88% 0.1295 257.64)` | Summer Waters | white, 7.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #0d0921 0.0%, #0e0a24 3.2%, #0f0b28 6.5%, #110d2c 9.7%, #130f31 12.9%, #151137 16.1%, #17133d 19.4%, #191543 22.6%, #1b1749 25.8%, #1d1a4f 29.0%, #1e1c54 32.3%, #1f1e5a 35.5%, #21205f 38.7%, #222264 41.9%, #222569 45.2%, #23276f 48.4%, #242974 51.6%, #242b79 54.8%, #242e7e 58.1%, #243082 61.3%, #243386 64.5%, #23368a 67.7%, #23398d 71.0%, #223c90 74.2%, #224092 77.4%, #214394 80.6%, #214796 83.9%, #204a97 87.1%, #204d98 90.3%, #204f99 93.5%, #20519a 96.8%, #20539b 100.0%);
background: linear-gradient(135deg in oklch, oklch(16.14% 0.0496 286.17) 0.0%, oklch(16.78% 0.0526 285.76) 3.2%, oklch(17.60% 0.0564 285.24) 6.5%, oklch(18.57% 0.0610 284.63) 9.7%, oklch(19.66% 0.0661 283.94) 12.9%, oklch(20.84% 0.0717 283.20) 16.1%, oklch(22.06% 0.0774 282.40) 19.4%, oklch(23.31% 0.0832 281.58) 22.6%, oklch(24.54% 0.0888 280.73) 25.8%, oklch(25.72% 0.0942 279.89) 29.0%, oklch(26.82% 0.0991 279.05) 32.3%, oklch(27.84% 0.1036 278.22) 35.5%, oklch(28.84% 0.1082 277.38) 38.7%, oklch(29.84% 0.1129 276.52) 41.9%, oklch(30.83% 0.1177 275.64) 45.2%, oklch(31.80% 0.1222 274.74) 48.4%, oklch(32.76% 0.1266 273.82) 51.6%, oklch(33.71% 0.1306 272.88) 54.8%, oklch(34.64% 0.1341 271.92) 58.1%, oklch(35.54% 0.1371 270.94) 61.3%, oklch(36.43% 0.1394 269.94) 64.5%, oklch(37.30% 0.1410 268.91) 67.7%, oklch(38.18% 0.1415 267.78) 71.0%, oklch(39.07% 0.1413 266.55) 74.2%, oklch(39.97% 0.1404 265.26) 77.4%, oklch(40.85% 0.1390 263.95) 80.6%, oklch(41.70% 0.1372 262.64) 83.9%, oklch(42.50% 0.1353 261.39) 87.1%, oklch(43.23% 0.1334 260.23) 90.3%, oklch(43.88% 0.1317 259.19) 93.5%, oklch(44.44% 0.1304 258.31) 96.8%, oklch(44.88% 0.1295 257.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.05 | 286.2 |
| 2 | 0.272 | 0.101 | 278.8 |
| 3 | 0.37 | 0.141 | 269.3 |
| 4 | 0.449 | 0.13 | 257.6 |

## In these collections

- [Night sky gradients](https://grabient.com/night-sky-gradients)
- [Galaxy gradients](https://grabient.com/galaxy-gradients)

## Other forms

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