# Ice over Midnight Teal

The Turquoise cool blue palette brings together pale blue, dark blue, and teal. 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: Light blue, gray, navy and teal linear gradient
- Seed: `kS8xOhGRREOArOA`
- Page: https://grabient.com/kS8xOhGRREOArOA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, 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 | `#d5ebf5` | `oklch(92.66% 0.0272 227.91)` | Spacious Skies | black, 17 to 1 |
| 3 | `#c8dee9` | `oklch(88.63% 0.0282 230.03)` | Wind of Change | black, 15 to 1 |
| 4 | `#b8ceda` | `oklch(83.75% 0.0294 232.65)` | Light Vanilla Ice | black, 12.8 to 1 |
| 5 | `#a6bcc9` | `oklch(78.20% 0.0307 235.66)` | Juliet Blue | black, 10.6 to 1 |
| 6 | `#93a8b7` | `oklch(72.13% 0.0322 238.95)` | Ashen Wind | black, 8.5 to 1 |
| 7 | `#8094a5` | `oklch(65.72% 0.0337 242.41)` | Dusty Blue | black, 6.7 to 1 |
| 8 | `#6d8092` | `oklch(59.14% 0.0354 245.93)` | Chain Gang Grey | black, 5.1 to 1 |
| 9 | `#5a6d7f` | `oklch(52.54% 0.0371 249.39)` | Deadwind Pass | white, 5.3 to 1 |
| 10 | `#495a6e` | `oklch(46.11% 0.0391 252.68)` | Motor City Blue | white, 7 to 1 |
| 11 | `#39495e` | `oklch(39.99% 0.0411 255.70)` | Evening Glory | white, 9.2 to 1 |
| 12 | `#2b3a4f` | `oklch(34.38% 0.0433 258.32)` | Blue Fantastic | white, 11.5 to 1 |
| 13 | `#1f2c43` | `oklch(29.42% 0.0457 260.45)` | Eternal Darkness | white, 13.9 to 1 |
| 14 | `#152239` | `oklch(25.29% 0.0482 261.96)` | Kon | white, 15.9 to 1 |
| 15 | `#0e1a32` | `oklch(22.15% 0.0508 262.75)` | Trapped Darkness | white, 17.3 to 1 |
| 16 | `#09152f` | `oklch(20.18% 0.0536 262.71)` | Liberty Blue | white, 18 to 1 |
| 17 | `#06142e` | `oklch(19.52% 0.0567 261.70)` | Squid’s Ink | white, 18.3 to 1 |
| 18 | `#051531` | `oklch(20.13% 0.0602 259.66)` | Squid’s Ink | white, 18.1 to 1 |
| 19 | `#041a37` | `oklch(21.83% 0.0641 256.69)` | Naval Night | white, 17.4 to 1 |
| 20 | `#042140` | `oklch(24.49% 0.0684 252.93)` | Rhapsody in Blue | white, 16.2 to 1 |
| 21 | `#032a4b` | `oklch(27.95% 0.0729 248.51)` | Royal Blue Metallic | white, 14.6 to 1 |
| 22 | `#013657` | `oklch(32.05% 0.0776 243.58)` | Night Dive | white, 12.5 to 1 |
| 23 | `#004465` | `oklch(36.67% 0.0817 238.33)` | Lush Aqua | white, 10.4 to 1 |
| 24 | `#005373` | `oklch(41.62% 0.0857 232.75)` | Captain Blue | white, 8.4 to 1 |
| 25 | `#006381` | `oklch(46.77% 0.0904 227.07)` | Harem Silk | white, 6.7 to 1 |
| 26 | `#007590` | `oklch(51.96% 0.0956 221.42)` | Cleopatra | white, 5.3 to 1 |
| 27 | `#00869d` | `oklch(57.05% 0.1013 215.93)` | Eastern Blue | black, 4.8 to 1 |
| 28 | `#0a96aa` | `oklch(61.88% 0.1058 210.74)` | Aquarium Diver | black, 5.9 to 1 |
| 29 | `#18a6b4` | `oklch(66.30% 0.1097 206.00)` | Exotic Sea | black, 7.1 to 1 |
| 30 | `#23b3bd` | `oklch(70.16% 0.1132 201.84)` | Marrakech Mile | black, 8.2 to 1 |
| 31 | `#2cbfc3` | `oklch(73.31% 0.1161 198.38)` | Maximum Blue Green | black, 9.3 to 1 |
| 32 | `#33c7c8` | `oklch(75.59% 0.1185 195.76)` | Mermaid Net | black, 10.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #dff5fe 0.0%, #d5ebf5 3.2%, #c8dee9 6.5%, #b8ceda 9.7%, #a6bcc9 12.9%, #93a8b7 16.1%, #8094a5 19.4%, #6d8092 22.6%, #5a6d7f 25.8%, #495a6e 29.0%, #39495e 32.3%, #2b3a4f 35.5%, #1f2c43 38.7%, #152239 41.9%, #0e1a32 45.2%, #09152f 48.4%, #06142e 51.6%, #051531 54.8%, #041a37 58.1%, #042140 61.3%, #032a4b 64.5%, #013657 67.7%, #004465 71.0%, #005373 74.2%, #006381 77.4%, #007590 80.6%, #00869d 83.9%, #0a96aa 87.1%, #18a6b4 90.3%, #23b3bd 93.5%, #2cbfc3 96.8%, #33c7c8 100.0%);
background: linear-gradient(135deg in oklch, oklch(95.67% 0.0262 226.41) 0.0%, oklch(92.66% 0.0272 227.91) 3.2%, oklch(88.63% 0.0282 230.03) 6.5%, oklch(83.75% 0.0294 232.65) 9.7%, oklch(78.20% 0.0307 235.66) 12.9%, oklch(72.13% 0.0322 238.95) 16.1%, oklch(65.72% 0.0337 242.41) 19.4%, oklch(59.14% 0.0354 245.93) 22.6%, oklch(52.54% 0.0371 249.39) 25.8%, oklch(46.11% 0.0391 252.68) 29.0%, oklch(39.99% 0.0411 255.70) 32.3%, oklch(34.38% 0.0433 258.32) 35.5%, oklch(29.42% 0.0457 260.45) 38.7%, oklch(25.29% 0.0482 261.96) 41.9%, oklch(22.15% 0.0508 262.75) 45.2%, oklch(20.18% 0.0536 262.71) 48.4%, oklch(19.52% 0.0567 261.70) 51.6%, oklch(20.13% 0.0602 259.66) 54.8%, oklch(21.83% 0.0641 256.69) 58.1%, oklch(24.49% 0.0684 252.93) 61.3%, oklch(27.95% 0.0729 248.51) 64.5%, oklch(32.05% 0.0776 243.58) 67.7%, oklch(36.67% 0.0817 238.33) 71.0%, oklch(41.62% 0.0857 232.75) 74.2%, oklch(46.77% 0.0904 227.07) 77.4%, oklch(51.96% 0.0956 221.42) 80.6%, oklch(57.05% 0.1013 215.93) 83.9%, oklch(61.88% 0.1058 210.74) 87.1%, oklch(66.30% 0.1097 206.00) 90.3%, oklch(70.16% 0.1132 201.84) 93.5%, oklch(73.31% 0.1161 198.38) 96.8%, oklch(75.59% 0.1185 195.76) 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.197 | 0.055 | 262.3 |
| 3 | 0.756 | 0.119 | 195.8 |

## In these collections

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

## Other forms

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