# Frozen Lagoon Descent

The Turquoise cool blue palette brings together pale blue, teal, and dark 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: Analogous light blue, teal and navy linear gradient
- Seed: `kS8xOhYCs8RkUR8`
- Page: https://grabient.com/kS8xOhYCs8RkUR8?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: light to dark, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 16.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 | `#dff5fe` | `oklch(95.67% 0.0262 226.41)` | Glacial Day | black, 18.6 to 1 |
| 2 | `#dcf4fe` | `oklch(95.24% 0.0284 225.62)` | Wizard White | black, 18.3 to 1 |
| 3 | `#d9f3fe` | `oklch(94.79% 0.0313 224.57)` | Wizard White | black, 18.1 to 1 |
| 4 | `#d4f2fe` | `oklch(94.34% 0.0346 223.29)` | Water | black, 17.9 to 1 |
| 5 | `#d0f1fd` | `oklch(93.86% 0.0384 221.82)` | Water | black, 17.7 to 1 |
| 6 | `#cbf0fd` | `oklch(93.36% 0.0425 220.17)` | Heaven’s Gate | black, 17.4 to 1 |
| 7 | `#c5f0fd` | `oklch(92.83% 0.0470 218.39)` | Heaven’s Gate | black, 17.2 to 1 |
| 8 | `#bfeffc` | `oklch(92.28% 0.0518 216.50)` | Ice Effect | black, 16.9 to 1 |
| 9 | `#b9eefb` | `oklch(91.69% 0.0567 214.53)` | Ice Effect | black, 16.6 to 1 |
| 10 | `#b2edfa` | `oklch(91.06% 0.0619 212.50)` | Beyond the Clouds | black, 16.4 to 1 |
| 11 | `#abecf8` | `oklch(90.40% 0.0671 210.46)` | Beyond the Clouds | black, 16.1 to 1 |
| 12 | `#a4ebf6` | `oklch(89.69% 0.0724 208.43)` | Permafrost | black, 15.7 to 1 |
| 13 | `#9ceaf4` | `oklch(88.93% 0.0776 206.43)` | Permafrost | black, 15.4 to 1 |
| 14 | `#94e8f1` | `oklch(88.12% 0.0828 204.50)` | Blizzard Blue | black, 15.1 to 1 |
| 15 | `#8be7ee` | `oklch(87.26% 0.0879 202.67)` | Bath Water | black, 14.7 to 1 |
| 16 | `#83e5eb` | `oklch(86.33% 0.0927 200.96)` | Aqua Fiesta | black, 14.3 to 1 |
| 17 | `#7ae2e7` | `oklch(85.35% 0.0974 199.41)` | Turkish Turquoise | black, 13.9 to 1 |
| 18 | `#71e0e3` | `oklch(84.29% 0.1017 198.05)` | Turkish Turquoise | black, 13.4 to 1 |
| 19 | `#68dddf` | `oklch(83.17% 0.1056 196.90)` | Pluviophile | black, 13 to 1 |
| 20 | `#5fdadb` | `oklch(81.98% 0.1092 196.00)` | Pluviophile | black, 12.5 to 1 |
| 21 | `#55d6d7` | `oklch(80.70% 0.1123 195.37)` | Neon Nazar | black, 12 to 1 |
| 22 | `#4cd2d2` | `oklch(79.35% 0.1148 195.05)` | Medium Turquoise | black, 11.5 to 1 |
| 23 | `#42cece` | `oklch(77.91% 0.1168 195.06)` | Medium Turquoise | black, 10.9 to 1 |
| 24 | `#38c9ca` | `oklch(76.39% 0.1181 195.43)` | Mermaid Net | black, 10.4 to 1 |
| 25 | `#2dc4c6` | `oklch(74.75% 0.1187 196.20)` | Turquoise Surf | black, 9.8 to 1 |
| 26 | `#22bec1` | `oklch(72.92% 0.1187 197.42)` | Maximum Blue Green | black, 9.1 to 1 |
| 27 | `#14b7bd` | `oklch(70.88% 0.1181 199.05)` | Cyan Sky | black, 8.5 to 1 |
| 28 | `#00afb8` | `oklch(68.67% 0.1168 201.06)` | Deep Turquoise | black, 7.8 to 1 |
| 29 | `#00a7b2` | `oklch(66.30% 0.1130 203.41)` | Exotic Sea | black, 7.1 to 1 |
| 30 | `#009eac` | `oklch(63.80% 0.1092 206.07)` | Lake Blue | black, 6.4 to 1 |
| 31 | `#0095a6` | `oklch(61.18% 0.1055 208.99)` | Tile Blue | black, 5.8 to 1 |
| 32 | `#008b9f` | `oklch(58.46% 0.1019 212.13)` | Parrot Flight | black, 5.1 to 1 |
| 33 | `#008198` | `oklch(55.68% 0.0986 215.47)` | Craftsman Blue | black, 4.6 to 1 |
| 34 | `#007891` | `oklch(52.84% 0.0955 218.96)` | Bayou Serenade | white, 5.1 to 1 |
| 35 | `#006e89` | `oklch(49.98% 0.0927 222.56)` | Private Eye | white, 5.8 to 1 |
| 36 | `#006582` | `oklch(47.10% 0.0903 226.23)` | Journey Into Night | white, 6.6 to 1 |
| 37 | `#005b7a` | `oklch(44.24% 0.0881 229.95)` | Job’s Tears | white, 7.5 to 1 |
| 38 | `#015272` | `oklch(41.41% 0.0857 233.62)` | Captain Blue | white, 8.5 to 1 |
| 39 | `#064a6a` | `oklch(38.64% 0.0818 237.29)` | Adriatic | white, 9.6 to 1 |
| 40 | `#094162` | `oklch(35.95% 0.0780 240.89)` | Forest Blues | white, 10.7 to 1 |
| 41 | `#0b3959` | `oklch(33.35% 0.0742 244.36)` | Gibraltar Sea | white, 11.9 to 1 |
| 42 | `#0c3252` | `oklch(30.87% 0.0706 247.69)` | Beyond the Stars | white, 13.1 to 1 |
| 43 | `#0c2b4a` | `oklch(28.53% 0.0672 250.83)` | Midnight Ocean | white, 14.3 to 1 |
| 44 | `#0b2543` | `oklch(26.36% 0.0641 253.74)` | Dark Eclipse | white, 15.3 to 1 |
| 45 | `#0a203d` | `oklch(24.36% 0.0612 256.38)` | Midnight Mirage | white, 16.3 to 1 |
| 46 | `#091b37` | `oklch(22.57% 0.0588 258.72)` | Naval Night | white, 17.1 to 1 |
| 47 | `#081732` | `oklch(21.00% 0.0567 260.72)` | Liberty Blue | white, 17.7 to 1 |
| 48 | `#07142e` | `oklch(19.69% 0.0551 262.34)` | Squid’s Ink | white, 18.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #dff5fe 0.0%, #dcf4fe 2.1%, #d9f3fe 4.3%, #d4f2fe 6.4%, #d0f1fd 8.5%, #cbf0fd 10.6%, #c5f0fd 12.8%, #bfeffc 14.9%, #b9eefb 17.0%, #b2edfa 19.1%, #abecf8 21.3%, #a4ebf6 23.4%, #9ceaf4 25.5%, #94e8f1 27.7%, #8be7ee 29.8%, #83e5eb 31.9%, #7ae2e7 34.0%, #71e0e3 36.2%, #68dddf 38.3%, #5fdadb 40.4%, #55d6d7 42.6%, #4cd2d2 44.7%, #42cece 46.8%, #38c9ca 48.9%, #2dc4c6 51.1%, #22bec1 53.2%, #14b7bd 55.3%, #00afb8 57.4%, #00a7b2 59.6%, #009eac 61.7%, #0095a6 63.8%, #008b9f 66.0%, #008198 68.1%, #007891 70.2%, #006e89 72.3%, #006582 74.5%, #005b7a 76.6%, #015272 78.7%, #064a6a 80.9%, #094162 83.0%, #0b3959 85.1%, #0c3252 87.2%, #0c2b4a 89.4%, #0b2543 91.5%, #0a203d 93.6%, #091b37 95.7%, #081732 97.9%, #07142e 100.0%);
background: linear-gradient(45deg in oklch, oklch(95.67% 0.0262 226.41) 0.0%, oklch(95.24% 0.0284 225.62) 2.1%, oklch(94.79% 0.0313 224.57) 4.3%, oklch(94.34% 0.0346 223.29) 6.4%, oklch(93.86% 0.0384 221.82) 8.5%, oklch(93.36% 0.0425 220.17) 10.6%, oklch(92.83% 0.0470 218.39) 12.8%, oklch(92.28% 0.0518 216.50) 14.9%, oklch(91.69% 0.0567 214.53) 17.0%, oklch(91.06% 0.0619 212.50) 19.1%, oklch(90.40% 0.0671 210.46) 21.3%, oklch(89.69% 0.0724 208.43) 23.4%, oklch(88.93% 0.0776 206.43) 25.5%, oklch(88.12% 0.0828 204.50) 27.7%, oklch(87.26% 0.0879 202.67) 29.8%, oklch(86.33% 0.0927 200.96) 31.9%, oklch(85.35% 0.0974 199.41) 34.0%, oklch(84.29% 0.1017 198.05) 36.2%, oklch(83.17% 0.1056 196.90) 38.3%, oklch(81.98% 0.1092 196.00) 40.4%, oklch(80.70% 0.1123 195.37) 42.6%, oklch(79.35% 0.1148 195.05) 44.7%, oklch(77.91% 0.1168 195.06) 46.8%, oklch(76.39% 0.1181 195.43) 48.9%, oklch(74.75% 0.1187 196.20) 51.1%, oklch(72.92% 0.1187 197.42) 53.2%, oklch(70.88% 0.1181 199.05) 55.3%, oklch(68.67% 0.1168 201.06) 57.4%, oklch(66.30% 0.1130 203.41) 59.6%, oklch(63.80% 0.1092 206.07) 61.7%, oklch(61.18% 0.1055 208.99) 63.8%, oklch(58.46% 0.1019 212.13) 66.0%, oklch(55.68% 0.0986 215.47) 68.1%, oklch(52.84% 0.0955 218.96) 70.2%, oklch(49.98% 0.0927 222.56) 72.3%, oklch(47.10% 0.0903 226.23) 74.5%, oklch(44.24% 0.0881 229.95) 76.6%, oklch(41.41% 0.0857 233.62) 78.7%, oklch(38.64% 0.0818 237.29) 80.9%, oklch(35.95% 0.0780 240.89) 83.0%, oklch(33.35% 0.0742 244.36) 85.1%, oklch(30.87% 0.0706 247.69) 87.2%, oklch(28.53% 0.0672 250.83) 89.4%, oklch(26.36% 0.0641 253.74) 91.5%, oklch(24.36% 0.0612 256.38) 93.6%, oklch(22.57% 0.0588 258.72) 95.7%, oklch(21.00% 0.0567 260.72) 97.9%, oklch(19.69% 0.0551 262.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0.026 | 226.4 |
| 2 | 0.756 | 0.119 | 195.8 |
| 3 | 0.197 | 0.055 | 262.3 |

## In these collections

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

## Other forms

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