# Near-black and blue cool gray palette

The Near-black and blue cool gray palette brings together dark gray, dark blue, blue, and pale teal. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is pale teal.

- Also called: Monochrome black and light blue linear swatches
- Seed: `kWNgm2Hwq_7WOvtTjz6cYk-A`
- Page: https://grabient.com/kWNgm2Hwq_7WOvtTjz6cYk-A?style=linearSwatches&steps=10
- Drawn as: linear swatches, 10 steps, 90 degrees
- Kinds: dark to light, muted, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 12.8 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 | `#15191f` | `oklch(21.26% 0.0124 255.94)` | River Styx | white, 17.6 to 1 |
| 2 | `#141a23` | `oklch(21.64% 0.0189 256.46)` | River Styx | white, 17.4 to 1 |
| 3 | `#151e2b` | `oklch(23.40% 0.0273 256.35)` | Hēi Sè Black | white, 16.7 to 1 |
| 4 | `#202c3c` | `oklch(29.02% 0.0334 253.55)` | Tangaroa | white, 14 to 1 |
| 5 | `#314355` | `oklch(37.51% 0.0383 248.86)` | Blue Wing Teal | white, 10.1 to 1 |
| 6 | `#475e71` | `oklch(46.98% 0.0413 244.07)` | Eclipse Blue | white, 6.7 to 1 |
| 7 | `#627d90` | `oklch(57.66% 0.0426 239.07)` | Pier 17 Steel | black, 4.8 to 1 |
| 8 | `#829faf` | `oklch(68.50% 0.0402 233.14)` | Lake Winnipeg | black, 7.4 to 1 |
| 9 | `#aac4cf` | `oklch(80.49% 0.0320 225.14)` | Memorybook Blue | black, 11.5 to 1 |
| 10 | `#cbe0e7` | `oklch(89.37% 0.0248 218.95)` | Bird Bath Blue | black, 15.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #15191f 0.000% 10.000%, #141a23 10.000% 20.000%, #151e2b 20.000% 30.000%, #202c3c 30.000% 40.000%, #314355 40.000% 50.000%, #475e71 50.000% 60.000%, #627d90 60.000% 70.000%, #829faf 70.000% 80.000%, #aac4cf 80.000% 90.000%, #cbe0e7 90.000% 100.000%);
background: linear-gradient(90deg, oklch(21.26% 0.0124 255.94) 0.000% 10.000%, oklch(21.64% 0.0189 256.46) 10.000% 20.000%, oklch(23.40% 0.0273 256.35) 20.000% 30.000%, oklch(29.02% 0.0334 253.55) 30.000% 40.000%, oklch(37.51% 0.0383 248.86) 40.000% 50.000%, oklch(46.98% 0.0413 244.07) 50.000% 60.000%, oklch(57.66% 0.0426 239.07) 60.000% 70.000%, oklch(68.50% 0.0402 233.14) 70.000% 80.000%, oklch(80.49% 0.0320 225.14) 80.000% 90.000%, oklch(89.37% 0.0248 218.95) 90.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.012 | 255.9 |
| 2 | 0.244 | 0.029 | 255.9 |
| 3 | 0.421 | 0.04 | 246.4 |
| 4 | 0.657 | 0.041 | 234.8 |
| 5 | 0.894 | 0.025 | 219 |

## In these collections

- [Cool gray gradients](https://grabient.com/cool-gray-gradients)

## Other forms

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