# Silver Light over Cobalt

The Turquoise cool blue palette brings together dark blue, off-white, and blue. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: Navy, gray, blue and light blue linear gradient
- Seed: `kUNCe4_gQ4jw8x7kpbxA`
- Page: https://grabient.com/kUNCe4_gQ4jw8x7kpbxA?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light center, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 17.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 | `#07162f` | `oklch(20.47% 0.0537 259.45)` | Liberty Blue | white, 17.9 to 1 |
| 2 | `#11233b` | `oklch(25.54% 0.0505 255.34)` | Cool Balaclavas Are Forever | white, 15.7 to 1 |
| 3 | `#22364b` | `oklch(32.73% 0.0452 249.38)` | In the Navy | white, 12.3 to 1 |
| 4 | `#394e5f` | `oklch(41.49% 0.0385 242.09)` | Cello | white, 8.5 to 1 |
| 5 | `#566a76` | `oklch(51.23% 0.0312 233.98)` | Blue Insignia | white, 5.6 to 1 |
| 6 | `#76888f` | `oklch(61.40% 0.0238 225.58)` | Norwegian Blue | black, 5.6 to 1 |
| 7 | `#98a6aa` | `oklch(71.41% 0.0171 217.39)` | Celestra Grey | black, 8.3 to 1 |
| 8 | `#b8c2c4` | `oklch(80.71% 0.0116 209.95)` | Distant Star | black, 11.5 to 1 |
| 9 | `#d4dbdc` | `oklch(88.72% 0.0081 203.76)` | Ripple | black, 15 to 1 |
| 10 | `#e9f0f0` | `oklch(94.88% 0.0071 199.34)` | Frosted Glass | black, 18.1 to 1 |
| 11 | `#f4fdfd` | `oklch(98.61% 0.0094 197.22)` | Sparkling Snow | black, 20.2 to 1 |
| 12 | `#f7ffff` | `oklch(99.39% 0.0083 197.81)` | Sparkling Snow | black, 20.6 to 1 |
| 13 | `#e2fcfe` | `oklch(97.33% 0.0273 201.47)` | Matterhorn Snow | black, 19.6 to 1 |
| 14 | `#c8f1f7` | `oklch(93.01% 0.0425 207.31)` | Vaporised | black, 17.3 to 1 |
| 15 | `#a7dfed` | `oklch(87.02% 0.0605 214.82)` | Quiet Nook | black, 14.4 to 1 |
| 16 | `#82c9e4` | `oklch(79.93% 0.0801 223.39)` | Budgie Blue | black, 11.4 to 1 |
| 17 | `#5eb1da` | `oklch(72.33% 0.1002 232.41)` | Sail Away | black, 8.7 to 1 |
| 18 | `#4097d0` | `oklch(64.80% 0.1196 241.28)` | Perfect Sky | black, 6.5 to 1 |
| 19 | `#2b7ec7` | `oklch(57.93% 0.1372 249.39)` | Eye Blue | black, 4.9 to 1 |
| 20 | `#2368bf` | `oklch(52.29% 0.1519 256.12)` | Blue Streak | white, 5.5 to 1 |
| 21 | `#2359b9` | `oklch(48.48% 0.1625 260.86)` | Amnesia Blue | white, 6.5 to 1 |
| 22 | `#2452b7` | `oklch(47.02% 0.1680 263.07)` | Apnea Dive | white, 7 to 1 |
| 23 | `#2654b9` | `oklch(47.49% 0.1688 263.15)` | Cerulean Blue | white, 6.9 to 1 |
| 24 | `#265bbe` | `oklch(49.40% 0.1660 261.61)` | Amnesia Blue | white, 6.3 to 1 |
| 25 | `#2867c5` | `oklch(52.45% 0.1603 258.78)` | Mimesia Blue | white, 5.5 to 1 |
| 26 | `#2c75cc` | `oklch(56.32% 0.1524 255.01)` | Blue-Eyed Boy | white, 4.6 to 1 |
| 27 | `#3386d4` | `oklch(60.69% 0.1432 250.64)` | Calgar Blue | black, 5.4 to 1 |
| 28 | `#3f96dc` | `oklch(65.26% 0.1333 246.03)` | Flax Flower Blue | black, 6.6 to 1 |
| 29 | `#4da6e3` | `oklch(69.70% 0.1237 241.51)` | High Blue | black, 7.8 to 1 |
| 30 | `#5bb4e9` | `oklch(73.70% 0.1149 237.43)` | Sanctuary Spa | black, 9.1 to 1 |
| 31 | `#68bfee` | `oklch(76.95% 0.1079 234.14)` | Blue Mana | black, 10.3 to 1 |
| 32 | `#71c7f2` | `oklch(79.13% 0.1033 231.98)` | Nevermind Nirvana | black, 11.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #07162f 0.0%, #11233b 3.2%, #22364b 6.5%, #394e5f 9.7%, #566a76 12.9%, #76888f 16.1%, #98a6aa 19.4%, #b8c2c4 22.6%, #d4dbdc 25.8%, #e9f0f0 29.0%, #f4fdfd 32.3%, #f7ffff 35.5%, #e2fcfe 38.7%, #c8f1f7 41.9%, #a7dfed 45.2%, #82c9e4 48.4%, #5eb1da 51.6%, #4097d0 54.8%, #2b7ec7 58.1%, #2368bf 61.3%, #2359b9 64.5%, #2452b7 67.7%, #2654b9 71.0%, #265bbe 74.2%, #2867c5 77.4%, #2c75cc 80.6%, #3386d4 83.9%, #3f96dc 87.1%, #4da6e3 90.3%, #5bb4e9 93.5%, #68bfee 96.8%, #71c7f2 100.0%);
background: linear-gradient(180deg in oklch, oklch(20.47% 0.0537 259.45) 0.0%, oklch(25.54% 0.0505 255.34) 3.2%, oklch(32.73% 0.0452 249.38) 6.5%, oklch(41.49% 0.0385 242.09) 9.7%, oklch(51.23% 0.0312 233.98) 12.9%, oklch(61.40% 0.0238 225.58) 16.1%, oklch(71.41% 0.0171 217.39) 19.4%, oklch(80.71% 0.0116 209.95) 22.6%, oklch(88.72% 0.0081 203.76) 25.8%, oklch(94.88% 0.0071 199.34) 29.0%, oklch(98.61% 0.0094 197.22) 32.3%, oklch(99.39% 0.0083 197.81) 35.5%, oklch(97.33% 0.0273 201.47) 38.7%, oklch(93.01% 0.0425 207.31) 41.9%, oklch(87.02% 0.0605 214.82) 45.2%, oklch(79.93% 0.0801 223.39) 48.4%, oklch(72.33% 0.1002 232.41) 51.6%, oklch(64.80% 0.1196 241.28) 54.8%, oklch(57.93% 0.1372 249.39) 58.1%, oklch(52.29% 0.1519 256.12) 61.3%, oklch(48.48% 0.1625 260.86) 64.5%, oklch(47.02% 0.1680 263.07) 67.7%, oklch(47.49% 0.1688 263.15) 71.0%, oklch(49.40% 0.1660 261.61) 74.2%, oklch(52.45% 0.1603 258.78) 77.4%, oklch(56.32% 0.1524 255.01) 80.6%, oklch(60.69% 0.1432 250.64) 83.9%, oklch(65.26% 0.1333 246.03) 87.1%, oklch(69.70% 0.1237 241.51) 90.3%, oklch(73.70% 0.1149 237.43) 93.5%, oklch(76.95% 0.1079 234.14) 96.8%, oklch(79.13% 0.1033 231.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.054 | 259.5 |
| 2 | 0.992 | 0.011 | 197.1 |
| 3 | 0.472 | 0.167 | 262.6 |
| 4 | 0.791 | 0.103 | 232 |

## In these collections

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

## Other forms

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