# Blue and turquoise ice palette

The Blue and turquoise ice 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 brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: Monochrome navy to light blue linear gradient
- Seed: `kUPyWzr5Y-ssXvd7hr2g`
- Page: https://grabient.com/kUPyWzr5Y-ssXvd7hr2g?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.9 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 | `#0d2239` | `oklch(24.80% 0.0510 252.42)` | Celestial Canvas | white, 16 to 1 |
| 2 | `#0e243b` | `oklch(25.49% 0.0516 251.85)` | Celestial Canvas | white, 15.7 to 1 |
| 3 | `#0f263d` | `oklch(26.31% 0.0523 251.15)` | Celestial Canvas | white, 15.3 to 1 |
| 4 | `#112840` | `oklch(27.27% 0.0532 250.35)` | Eternal Darkness | white, 14.9 to 1 |
| 5 | `#122b43` | `oklch(28.35% 0.0543 249.44)` | Eternal Darkness | white, 14.3 to 1 |
| 6 | `#142f47` | `oklch(29.54% 0.0554 248.44)` | Crow Black Blue | white, 13.8 to 1 |
| 7 | `#16324b` | `oklch(30.84% 0.0565 247.35)` | Sea of Stars | white, 13.1 to 1 |
| 8 | `#18364f` | `oklch(32.22% 0.0576 246.18)` | Gibraltar Sea | white, 12.5 to 1 |
| 9 | `#1a3a53` | `oklch(33.70% 0.0586 244.95)` | Gibraltar Sea | white, 11.8 to 1 |
| 10 | `#1d3e58` | `oklch(35.24% 0.0596 243.66)` | Integrity | white, 11.1 to 1 |
| 11 | `#1f435d` | `oklch(36.85% 0.0604 242.31)` | Sir Edmund | white, 10.4 to 1 |
| 12 | `#224861` | `oklch(38.51% 0.0612 240.91)` | Dark Slate Blue | white, 9.7 to 1 |
| 13 | `#254d66` | `oklch(40.20% 0.0622 239.39)` | Seafarer | white, 9 to 1 |
| 14 | `#28526b` | `oklch(41.94% 0.0633 237.77)` | Shimmering Sea | white, 8.3 to 1 |
| 15 | `#2b5771` | `oklch(43.74% 0.0646 236.07)` | Sacrifice | white, 7.7 to 1 |
| 16 | `#2e5d76` | `oklch(45.64% 0.0657 234.30)` | Shasta Lake | white, 7.1 to 1 |
| 17 | `#32637c` | `oklch(47.65% 0.0667 232.49)` | Blueprint | white, 6.5 to 1 |
| 18 | `#366a82` | `oklch(49.78% 0.0673 230.64)` | Lake Stream | white, 5.9 to 1 |
| 19 | `#3c7188` | `oklch(52.07% 0.0675 228.78)` | Calypso | white, 5.3 to 1 |
| 20 | `#42788f` | `oklch(54.53% 0.0670 226.93)` | Jelly Bean | white, 4.8 to 1 |
| 21 | `#4a8095` | `oklch(57.17% 0.0659 225.09)` | Casual Blue | black, 4.8 to 1 |
| 22 | `#54899d` | `oklch(60.06% 0.0640 223.28)` | Secure Blue | black, 5.4 to 1 |
| 23 | `#6093a5` | `oklch(63.45% 0.0609 221.35)` | Manitou Blue | black, 6.2 to 1 |
| 24 | `#6e9fae` | `oklch(67.31% 0.0567 219.29)` | Crystal Blue | black, 7.2 to 1 |
| 25 | `#7eacb8` | `oklch(71.50% 0.0518 217.16)` | November Skies | black, 8.4 to 1 |
| 26 | `#90b9c3` | `oklch(75.85% 0.0463 215.02)` | Mallard Lake | black, 9.8 to 1 |
| 27 | `#a1c6ce` | `oklch(80.23% 0.0406 212.91)` | Agua Fría | black, 11.4 to 1 |
| 28 | `#b3d3d9` | `oklch(84.48% 0.0350 210.90)` | Subtle Breeze | black, 13.2 to 1 |
| 29 | `#c4dfe3` | `oklch(88.45% 0.0296 209.03)` | Trevi Fountain | black, 14.9 to 1 |
| 30 | `#d3eaed` | `oklch(92.01% 0.0248 207.37)` | Castle in the Sky | black, 16.7 to 1 |
| 31 | `#dff3f5` | `oklch(94.99% 0.0208 205.96)` | Bone-Chilling | black, 18.2 to 1 |
| 32 | `#e9fafc` | `oklch(97.24% 0.0179 204.87)` | Calm Waters | black, 19.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #0d2239 0.0%, #0e243b 3.2%, #0f263d 6.5%, #112840 9.7%, #122b43 12.9%, #142f47 16.1%, #16324b 19.4%, #18364f 22.6%, #1a3a53 25.8%, #1d3e58 29.0%, #1f435d 32.3%, #224861 35.5%, #254d66 38.7%, #28526b 41.9%, #2b5771 45.2%, #2e5d76 48.4%, #32637c 51.6%, #366a82 54.8%, #3c7188 58.1%, #42788f 61.3%, #4a8095 64.5%, #54899d 67.7%, #6093a5 71.0%, #6e9fae 74.2%, #7eacb8 77.4%, #90b9c3 80.6%, #a1c6ce 83.9%, #b3d3d9 87.1%, #c4dfe3 90.3%, #d3eaed 93.5%, #dff3f5 96.8%, #e9fafc 100.0%);
background: linear-gradient(45deg in oklch, oklch(24.80% 0.0510 252.42) 0.0%, oklch(25.49% 0.0516 251.85) 3.2%, oklch(26.31% 0.0523 251.15) 6.5%, oklch(27.27% 0.0532 250.35) 9.7%, oklch(28.35% 0.0543 249.44) 12.9%, oklch(29.54% 0.0554 248.44) 16.1%, oklch(30.84% 0.0565 247.35) 19.4%, oklch(32.22% 0.0576 246.18) 22.6%, oklch(33.70% 0.0586 244.95) 25.8%, oklch(35.24% 0.0596 243.66) 29.0%, oklch(36.85% 0.0604 242.31) 32.3%, oklch(38.51% 0.0612 240.91) 35.5%, oklch(40.20% 0.0622 239.39) 38.7%, oklch(41.94% 0.0633 237.77) 41.9%, oklch(43.74% 0.0646 236.07) 45.2%, oklch(45.64% 0.0657 234.30) 48.4%, oklch(47.65% 0.0667 232.49) 51.6%, oklch(49.78% 0.0673 230.64) 54.8%, oklch(52.07% 0.0675 228.78) 58.1%, oklch(54.53% 0.0670 226.93) 61.3%, oklch(57.17% 0.0659 225.09) 64.5%, oklch(60.06% 0.0640 223.28) 67.7%, oklch(63.45% 0.0609 221.35) 71.0%, oklch(67.31% 0.0567 219.29) 74.2%, oklch(71.50% 0.0518 217.16) 77.4%, oklch(75.85% 0.0463 215.02) 80.6%, oklch(80.23% 0.0406 212.91) 83.9%, oklch(84.48% 0.0350 210.90) 87.1%, oklch(88.45% 0.0296 209.03) 90.3%, oklch(92.01% 0.0248 207.37) 93.5%, oklch(94.99% 0.0208 205.96) 96.8%, oklch(97.24% 0.0179 204.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.248 | 0.051 | 252.4 |
| 2 | 0.374 | 0.061 | 241.9 |
| 3 | 0.591 | 0.065 | 223.9 |
| 4 | 0.972 | 0.018 | 204.9 |

## In these collections

- [Ice gradients](https://grabient.com/ice-gradients)

## Other forms

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