# Glacial Blue through Midnight

The Blue cool blue palette brings together pale blue, dark blue, and blue. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is pale blue.

- Also called: Monochrome gray, navy and blue linear gradient
- Seed: `kU5BijGRRD0Y2PolIUFg`
- Page: https://grabient.com/kU5BijGRRD0Y2PolIUFg?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.7 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 | `#c8e2ef` | `oklch(89.76% 0.0331 229.22)` | Pale Frost | black, 15.5 to 1 |
| 2 | `#bfd9e7` | `oklch(87.05% 0.0337 230.48)` | Breezy Touch | black, 14.2 to 1 |
| 3 | `#b4cddc` | `oklch(83.47% 0.0343 232.13)` | Norwegian Sky | black, 12.7 to 1 |
| 4 | `#a6bfce` | `oklch(79.17% 0.0349 234.10)` | Sea Breeze | black, 11 to 1 |
| 5 | `#97b0bf` | `oklch(74.27% 0.0354 236.34)` | Cloudless Day | black, 9.2 to 1 |
| 6 | `#879faf` | `oklch(68.92% 0.0360 238.79)` | Qiān Hūi Grey | black, 7.5 to 1 |
| 7 | `#778d9f` | `oklch(63.26% 0.0367 241.38)` | Blue Grey | black, 6.1 to 1 |
| 8 | `#667c8e` | `oklch(57.42% 0.0375 244.07)` | Pier 17 Steel | black, 4.8 to 1 |
| 9 | `#566a7d` | `oklch(51.53% 0.0384 246.78)` | Fern Flower | white, 5.5 to 1 |
| 10 | `#46596d` | `oklch(45.74% 0.0396 249.45)` | Infinite Deep Sea | white, 7.1 to 1 |
| 11 | `#384a5e` | `oklch(40.18% 0.0409 252.03)` | Master | white, 9.1 to 1 |
| 12 | `#2b3c51` | `oklch(35.00% 0.0426 254.46)` | Sharp Blue | white, 11.2 to 1 |
| 13 | `#202f45` | `oklch(30.31% 0.0446 256.67)` | Manganese Black | white, 13.4 to 1 |
| 14 | `#16253b` | `oklch(26.27% 0.0469 258.61)` | Cool Balaclavas Are Forever | white, 15.4 to 1 |
| 15 | `#0f1d34` | `oklch(23.01% 0.0496 260.21)` | Trapped Darkness | white, 16.9 to 1 |
| 16 | `#09172f` | `oklch(20.67% 0.0528 261.42)` | Liberty Blue | white, 17.9 to 1 |
| 17 | `#06132e` | `oklch(19.38% 0.0564 262.18)` | Squid’s Ink | white, 18.4 to 1 |
| 18 | `#05122f` | `oklch(19.15% 0.0610 262.49)` | Squid’s Ink | white, 18.4 to 1 |
| 19 | `#051333` | `oklch(19.85% 0.0666 262.41)` | Squid’s Ink | white, 18.2 to 1 |
| 20 | `#05173a` | `oklch(21.36% 0.0730 262.00)` | Navy | white, 17.6 to 1 |
| 21 | `#061b43` | `oklch(23.55% 0.0800 261.30)` | Maastricht Blue | white, 16.7 to 1 |
| 22 | `#08224e` | `oklch(26.28% 0.0875 260.38)` | Subnautical | white, 15.5 to 1 |
| 23 | `#0a2a5b` | `oklch(29.43% 0.0952 259.28)` | Blue Leviathan | white, 14 to 1 |
| 24 | `#0d3369` | `oklch(32.86% 0.1031 258.06)` | Funnel Cloud | white, 12.4 to 1 |
| 25 | `#0f3d77` | `oklch(36.45% 0.1108 256.77)` | Azure Dragon | white, 10.7 to 1 |
| 26 | `#114786` | `oklch(40.06% 0.1183 255.47)` | Poster Blue | white, 9.2 to 1 |
| 27 | `#135194` | `oklch(43.57% 0.1254 254.21)` | Nautical Blue | white, 7.9 to 1 |
| 28 | `#145ba1` | `oklch(46.84% 0.1319 253.04)` | Drakenhof Nightshade | white, 6.9 to 1 |
| 29 | `#1564ad` | `oklch(49.75% 0.1376 252.02)` | Cobalt Stone | white, 6 to 1 |
| 30 | `#156bb8` | `oklch(52.16% 0.1424 251.19)` | Beautiful Blue | white, 5.4 to 1 |
| 31 | `#1571bf` | `oklch(53.94% 0.1460 250.62)` | French Blue | white, 5 to 1 |
| 32 | `#1574c4` | `oklch(54.97% 0.1484 250.36)` | Science Blue | white, 4.8 to 1 |
| 33 | `#1574c5` | `oklch(55.19% 0.1493 250.43)` | Science Blue | white, 4.8 to 1 |
| 34 | `#1673c4` | `oklch(54.83% 0.1488 250.73)` | Science Blue | white, 4.8 to 1 |
| 35 | `#1770c0` | `oklch(53.98% 0.1472 251.24)` | French Blue | white, 5 to 1 |
| 36 | `#196cbb` | `oklch(52.71% 0.1445 251.92)` | Beautiful Blue | white, 5.3 to 1 |
| 37 | `#1a67b4` | `oklch(51.08% 0.1409 252.74)` | Ephren Blue | white, 5.7 to 1 |
| 38 | `#1b61ac` | `oklch(49.16% 0.1366 253.68)` | Cobalt Stone | white, 6.2 to 1 |
| 39 | `#1c5ba2` | `oklch(47.02% 0.1318 254.70)` | Miracle at Wrigley | white, 6.8 to 1 |
| 40 | `#1c5499` | `oklch(44.73% 0.1266 255.78)` | Summer Waters | white, 7.5 to 1 |
| 41 | `#1b4d8f` | `oklch(42.36% 0.1212 256.89)` | Dancing Sea | white, 8.4 to 1 |
| 42 | `#1a4684` | `oklch(39.97% 0.1157 258.00)` | Maritime Outpost | white, 9.3 to 1 |
| 43 | `#193f7b` | `oklch(37.63% 0.1104 259.08)` | Twilight Blue | white, 10.2 to 1 |
| 44 | `#173972` | `oklch(35.42% 0.1053 260.10)` | Azure Dragon | white, 11.2 to 1 |
| 45 | `#163469` | `oklch(33.39% 0.1007 261.04)` | Funnel Cloud | white, 12.1 to 1 |
| 46 | `#142f62` | `oklch(31.63% 0.0966 261.86)` | Mythical Night | white, 13 to 1 |
| 47 | `#132b5c` | `oklch(30.18% 0.0933 262.53)` | Schiava Blue | white, 13.7 to 1 |
| 48 | `#122858` | `oklch(29.13% 0.0909 263.03)` | Fibonacci Blue | white, 14.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c8e2ef 0.0%, #bfd9e7 2.1%, #b4cddc 4.3%, #a6bfce 6.4%, #97b0bf 8.5%, #879faf 10.6%, #778d9f 12.8%, #667c8e 14.9%, #566a7d 17.0%, #46596d 19.1%, #384a5e 21.3%, #2b3c51 23.4%, #202f45 25.5%, #16253b 27.7%, #0f1d34 29.8%, #09172f 31.9%, #06132e 34.0%, #05122f 36.2%, #051333 38.3%, #05173a 40.4%, #061b43 42.6%, #08224e 44.7%, #0a2a5b 46.8%, #0d3369 48.9%, #0f3d77 51.1%, #114786 53.2%, #135194 55.3%, #145ba1 57.4%, #1564ad 59.6%, #156bb8 61.7%, #1571bf 63.8%, #1574c4 66.0%, #1574c5 68.1%, #1673c4 70.2%, #1770c0 72.3%, #196cbb 74.5%, #1a67b4 76.6%, #1b61ac 78.7%, #1c5ba2 80.9%, #1c5499 83.0%, #1b4d8f 85.1%, #1a4684 87.2%, #193f7b 89.4%, #173972 91.5%, #163469 93.6%, #142f62 95.7%, #132b5c 97.9%, #122858 100.0%);
background: linear-gradient(135deg in oklch, oklch(89.76% 0.0331 229.22) 0.0%, oklch(87.05% 0.0337 230.48) 2.1%, oklch(83.47% 0.0343 232.13) 4.3%, oklch(79.17% 0.0349 234.10) 6.4%, oklch(74.27% 0.0354 236.34) 8.5%, oklch(68.92% 0.0360 238.79) 10.6%, oklch(63.26% 0.0367 241.38) 12.8%, oklch(57.42% 0.0375 244.07) 14.9%, oklch(51.53% 0.0384 246.78) 17.0%, oklch(45.74% 0.0396 249.45) 19.1%, oklch(40.18% 0.0409 252.03) 21.3%, oklch(35.00% 0.0426 254.46) 23.4%, oklch(30.31% 0.0446 256.67) 25.5%, oklch(26.27% 0.0469 258.61) 27.7%, oklch(23.01% 0.0496 260.21) 29.8%, oklch(20.67% 0.0528 261.42) 31.9%, oklch(19.38% 0.0564 262.18) 34.0%, oklch(19.15% 0.0610 262.49) 36.2%, oklch(19.85% 0.0666 262.41) 38.3%, oklch(21.36% 0.0730 262.00) 40.4%, oklch(23.55% 0.0800 261.30) 42.6%, oklch(26.28% 0.0875 260.38) 44.7%, oklch(29.43% 0.0952 259.28) 46.8%, oklch(32.86% 0.1031 258.06) 48.9%, oklch(36.45% 0.1108 256.77) 51.1%, oklch(40.06% 0.1183 255.47) 53.2%, oklch(43.57% 0.1254 254.21) 55.3%, oklch(46.84% 0.1319 253.04) 57.4%, oklch(49.75% 0.1376 252.02) 59.6%, oklch(52.16% 0.1424 251.19) 61.7%, oklch(53.94% 0.1460 250.62) 63.8%, oklch(54.97% 0.1484 250.36) 66.0%, oklch(55.19% 0.1493 250.43) 68.1%, oklch(54.83% 0.1488 250.73) 70.2%, oklch(53.98% 0.1472 251.24) 72.3%, oklch(52.71% 0.1445 251.92) 74.5%, oklch(51.08% 0.1409 252.74) 76.6%, oklch(49.16% 0.1366 253.68) 78.7%, oklch(47.02% 0.1318 254.70) 80.9%, oklch(44.73% 0.1266 255.78) 83.0%, oklch(42.36% 0.1212 256.89) 85.1%, oklch(39.97% 0.1157 258.00) 87.2%, oklch(37.63% 0.1104 259.08) 89.4%, oklch(35.42% 0.1053 260.10) 91.5%, oklch(33.39% 0.1007 261.04) 93.6%, oklch(31.63% 0.0966 261.86) 95.7%, oklch(30.18% 0.0933 262.53) 97.9%, oklch(29.13% 0.0909 263.03) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.898 | 0.033 | 229.2 |
| 2 | 0.197 | 0.055 | 262 |
| 3 | 0.551 | 0.149 | 250.4 |
| 4 | 0.291 | 0.091 | 263 |

## In these collections

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

## Other forms

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