# 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 holiday stationery and seasonal displays. Its darkest tone is dark blue, and its lightest tone is blue.

- Also called: Monochrome black and blue linear swatches
- Seed: `kUJxW5nZI_6gav4zob8g`
- Page: https://grabient.com/kUJxW5nZI_6gav4zob8g?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: dark, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.1 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 | `#050c18` | `oklch(15.35% 0.0289 260.86)` | Dark Rift | white, 19.5 to 1 |
| 2 | `#0f1d35` | `oklch(23.23% 0.0496 260.86)` | Trapped Darkness | white, 16.8 to 1 |
| 3 | `#183156` | `oklch(31.50% 0.0730 257.69)` | Elite Blue | white, 12.9 to 1 |
| 4 | `#1d4b79` | `oklch(40.55% 0.0923 251.35)` | Seashell Cove | white, 8.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #050c18 0.000% 25.000%, #0f1d35 25.000% 50.000%, #183156 50.000% 75.000%, #1d4b79 75.000% 100.000%);
background: linear-gradient(90deg, oklch(15.35% 0.0289 260.86) 0.000% 25.000%, oklch(23.23% 0.0496 260.86) 25.000% 50.000%, oklch(31.50% 0.0730 257.69) 50.000% 75.000%, oklch(40.55% 0.0923 251.35) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.154 | 0.029 | 260.9 |
| 2 | 0.232 | 0.05 | 260.9 |
| 3 | 0.315 | 0.073 | 257.7 |
| 4 | 0.406 | 0.092 | 251.3 |

## In these collections

- [Underwater colors](https://grabient.com/underwater-colors)
- [Navy swatches](https://grabient.com/navy-swatches)
- [Winter swatches](https://grabient.com/winter-swatches)
- [Winter](https://grabient.com/winter)

## Other forms

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