# Blue winter palette

The Blue winter palette brings together dark blue, blue, and off-white. The colors span a very broad lightness range, combining restrained color with high contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: Monochrome navy to gray linear gradient
- Seed: `kUMiC4pZU-7sVPx3Bb0A`
- Page: https://grabient.com/kUMiC4pZU-7sVPx3Bb0A?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, dark, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 15.2 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 | `#091529` | `oklch(19.69% 0.0441 259.45)` | Creeping Death | white, 18.2 to 1 |
| 2 | `#09162b` | `oklch(20.22% 0.0449 258.96)` | Liberty Blue | white, 18 to 1 |
| 3 | `#0a182d` | `oklch(20.86% 0.0461 258.33)` | Liberty Blue | white, 17.7 to 1 |
| 4 | `#0b1a2f` | `oklch(21.61% 0.0475 257.59)` | Trapped Darkness | white, 17.4 to 1 |
| 5 | `#0b1c32` | `oklch(22.45% 0.0491 256.75)` | Trapped Darkness | white, 17.1 to 1 |
| 6 | `#0c1e35` | `oklch(23.39% 0.0507 255.84)` | Trapped Darkness | white, 16.7 to 1 |
| 7 | `#0d2139` | `oklch(24.40% 0.0524 254.90)` | Fog of War | white, 16.2 to 1 |
| 8 | `#0f233c` | `oklch(25.48% 0.0540 253.95)` | Cool Balaclavas Are Forever | white, 15.7 to 1 |
| 9 | `#102640` | `oklch(26.63% 0.0554 253.00)` | Cool Balaclavas Are Forever | white, 15.2 to 1 |
| 10 | `#122a43` | `oklch(27.84% 0.0567 252.10)` | Eternal Darkness | white, 14.6 to 1 |
| 11 | `#142d47` | `oklch(29.10% 0.0576 251.26)` | Crow Black Blue | white, 14 to 1 |
| 12 | `#16304b` | `oklch(30.36% 0.0583 250.52)` | Crow Black Blue | white, 13.4 to 1 |
| 13 | `#18334e` | `oklch(31.53% 0.0591 249.93)` | Sea of Stars | white, 12.8 to 1 |
| 14 | `#1a3652` | `oklch(32.64% 0.0599 249.43)` | Gibraltar Sea | white, 12.3 to 1 |
| 15 | `#1c3955` | `oklch(33.78% 0.0606 248.98)` | Gibraltar Sea | white, 11.8 to 1 |
| 16 | `#1f3d59` | `oklch(35.00% 0.0612 248.53)` | Integrity | white, 11.2 to 1 |
| 17 | `#22415d` | `oklch(36.36% 0.0615 248.03)` | Sir Edmund | white, 10.6 to 1 |
| 18 | `#254561` | `oklch(37.92% 0.0616 247.43)` | Dark Slate Blue | white, 9.9 to 1 |
| 19 | `#2a4a66` | `oklch(39.76% 0.0612 246.69)` | Majolica Blue | white, 9.2 to 1 |
| 20 | `#30506c` | `oklch(41.93% 0.0604 245.74)` | Blue Lava | white, 8.4 to 1 |
| 21 | `#375773` | `oklch(44.49% 0.0591 244.55)` | Blue Earth | white, 7.5 to 1 |
| 22 | `#3f607a` | `oklch(47.55% 0.0571 243.06)` | Chinese Porcelain | white, 6.6 to 1 |
| 23 | `#4b6b84` | `oklch(51.41% 0.0541 241.12)` | Wedgewood | white, 5.5 to 1 |
| 24 | `#59798f` | `oklch(56.01% 0.0503 238.78)` | Titanium Blue | white, 4.6 to 1 |
| 25 | `#69889c` | `oklch(61.12% 0.0458 236.16)` | Seal Pup | black, 5.6 to 1 |
| 26 | `#7c99a9` | `oklch(66.54% 0.0408 233.36)` | Palace Intrigue | black, 6.9 to 1 |
| 27 | `#8fa9b7` | `oklch(72.05% 0.0357 230.51)` | Windsurf | black, 8.5 to 1 |
| 28 | `#a2bac5` | `oklch(77.46% 0.0305 227.71)` | Sterling Blue | black, 10.3 to 1 |
| 29 | `#b5cad3` | `oklch(82.53% 0.0257 225.08)` | English Hollyhock | black, 12.3 to 1 |
| 30 | `#c6d8df` | `oklch(87.07% 0.0214 222.73)` | Balmy | black, 14.2 to 1 |
| 31 | `#d5e4e9` | `oklch(90.87% 0.0178 220.76)` | Dreamstress | black, 16 to 1 |
| 32 | `#e0edf1` | `oklch(93.70% 0.0152 219.30)` | Out Cold | black, 17.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #091529 0.0%, #09162b 3.2%, #0a182d 6.5%, #0b1a2f 9.7%, #0b1c32 12.9%, #0c1e35 16.1%, #0d2139 19.4%, #0f233c 22.6%, #102640 25.8%, #122a43 29.0%, #142d47 32.3%, #16304b 35.5%, #18334e 38.7%, #1a3652 41.9%, #1c3955 45.2%, #1f3d59 48.4%, #22415d 51.6%, #254561 54.8%, #2a4a66 58.1%, #30506c 61.3%, #375773 64.5%, #3f607a 67.7%, #4b6b84 71.0%, #59798f 74.2%, #69889c 77.4%, #7c99a9 80.6%, #8fa9b7 83.9%, #a2bac5 87.1%, #b5cad3 90.3%, #c6d8df 93.5%, #d5e4e9 96.8%, #e0edf1 100.0%);
background: linear-gradient(90deg in oklch, oklch(19.69% 0.0441 259.45) 0.0%, oklch(20.22% 0.0449 258.96) 3.2%, oklch(20.86% 0.0461 258.33) 6.5%, oklch(21.61% 0.0475 257.59) 9.7%, oklch(22.45% 0.0491 256.75) 12.9%, oklch(23.39% 0.0507 255.84) 16.1%, oklch(24.40% 0.0524 254.90) 19.4%, oklch(25.48% 0.0540 253.95) 22.6%, oklch(26.63% 0.0554 253.00) 25.8%, oklch(27.84% 0.0567 252.10) 29.0%, oklch(29.10% 0.0576 251.26) 32.3%, oklch(30.36% 0.0583 250.52) 35.5%, oklch(31.53% 0.0591 249.93) 38.7%, oklch(32.64% 0.0599 249.43) 41.9%, oklch(33.78% 0.0606 248.98) 45.2%, oklch(35.00% 0.0612 248.53) 48.4%, oklch(36.36% 0.0615 248.03) 51.6%, oklch(37.92% 0.0616 247.43) 54.8%, oklch(39.76% 0.0612 246.69) 58.1%, oklch(41.93% 0.0604 245.74) 61.3%, oklch(44.49% 0.0591 244.55) 64.5%, oklch(47.55% 0.0571 243.06) 67.7%, oklch(51.41% 0.0541 241.12) 71.0%, oklch(56.01% 0.0503 238.78) 74.2%, oklch(61.12% 0.0458 236.16) 77.4%, oklch(66.54% 0.0408 233.36) 80.6%, oklch(72.05% 0.0357 230.51) 83.9%, oklch(77.46% 0.0305 227.71) 87.1%, oklch(82.53% 0.0257 225.08) 90.3%, oklch(87.07% 0.0214 222.73) 93.5%, oklch(90.87% 0.0178 220.76) 96.8%, oklch(93.70% 0.0152 219.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.044 | 259.5 |
| 2 | 0.295 | 0.058 | 251 |
| 3 | 0.465 | 0.058 | 243.6 |
| 4 | 0.937 | 0.015 | 219.3 |

## In these collections

- [Winter](https://grabient.com/winter)

## Other forms

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