# Near-black and blue color palette

The Near-black and blue color palette brings together dark gray, blue, light blue, and pale blue. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark gray, and its lightest tone is pale blue.

- Also called: Monochrome black to light blue linear gradient
- Seed: `kUIQa6NJtANolPzzjz5A`
- Page: https://grabient.com/kUIQa6NJtANolPzzjz5A?steps=6&angle=135
- Drawn as: linear gradient, 6 steps, 135 degrees
- Kinds: dark to light, muted, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 15.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 | `#06070a` | `oklch(12.99% 0.0083 261.56)` | Reversed Grey | white, 20.1 to 1 |
| 2 | `#1e2a42` | `oklch(28.55% 0.0476 263.34)` | Eternal Darkness | white, 14.3 to 1 |
| 3 | `#425b8b` | `oklch(47.32% 0.0838 263.07)` | Anchor Point | white, 6.7 to 1 |
| 4 | `#6a92cf` | `oklch(65.55% 0.1027 259.21)` | Bashful Blue | black, 6.6 to 1 |
| 5 | `#99c3f3` | `oklch(80.54% 0.0812 251.71)` | Sail to the Sea | black, 11.5 to 1 |
| 6 | `#cbe5fb` | `oklch(90.94% 0.0413 243.60)` | Fresh Water | black, 16.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #06070a 0.0%, #1e2a42 20.0%, #425b8b 40.0%, #6a92cf 60.0%, #99c3f3 80.0%, #cbe5fb 100.0%);
background: linear-gradient(135deg in oklch, oklch(12.99% 0.0083 261.56) 0.0%, oklch(28.55% 0.0476 263.34) 20.0%, oklch(47.32% 0.0838 263.07) 40.0%, oklch(65.55% 0.1027 259.21) 60.0%, oklch(80.54% 0.0812 251.71) 80.0%, oklch(90.94% 0.0413 243.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.13 | 0.008 | 261.6 |
| 2 | 0.413 | 0.074 | 263.7 |
| 3 | 0.709 | 0.102 | 257.3 |
| 4 | 0.909 | 0.041 | 243.6 |

## In these collections

- [Ocean gradients](https://grabient.com/ocean-gradients)
- [Blue gradients](https://grabient.com/blue-gradients)

## Other forms

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