# Pale blue and teal ice palette

The Pale blue and teal ice palette brings together off-white, pale teal, light teal, teal, and dark blue. The colors span a broad lightness range, combining moderate color with clear 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 light blue to navy radial gradient
- Seed: `kY-A2Pco_AGQZQFRH8DPJ1A6YXQo`
- Page: https://grabient.com/kY-A2Pco_AGQZQFRH8DPJ1A6YXQo?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.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 | `#eafbfc` | `oklch(97.64% 0.0179 201.09)` | Placebo Sky | black, 19.7 to 1 |
| 2 | `#e6f9fa` | `oklch(96.90% 0.0205 201.18)` | Calm Waters | black, 19.3 to 1 |
| 3 | `#e0f7f8` | `oklch(95.92% 0.0240 201.28)` | Coastal Breeze | black, 18.7 to 1 |
| 4 | `#d9f4f5` | `oklch(94.74% 0.0282 201.41)` | Fishious Rend | black, 18.1 to 1 |
| 5 | `#d1f0f2` | `oklch(93.41% 0.0328 201.58)` | Diamond League | black, 17.4 to 1 |
| 6 | `#c9ecef` | `oklch(91.97% 0.0375 201.80)` | Summer Mist | black, 16.7 to 1 |
| 7 | `#c0e8eb` | `oklch(90.46% 0.0419 202.08)` | Light Opale | black, 16 to 1 |
| 8 | `#b8e4e8` | `oklch(88.90% 0.0461 202.43)` | Soaring Sky | black, 15.2 to 1 |
| 9 | `#afdfe4` | `oklch(87.24% 0.0505 202.79)` | Opal | black, 14.5 to 1 |
| 10 | `#a5dadf` | `oklch(85.47% 0.0549 203.20)` | Crystal | black, 13.7 to 1 |
| 11 | `#9cd5db` | `oklch(83.60% 0.0593 203.69)` | Dulcet | black, 12.9 to 1 |
| 12 | `#92cfd6` | `oklch(81.64% 0.0635 204.28)` | Peppermint Twist | black, 12.1 to 1 |
| 13 | `#88c9d1` | `oklch(79.58% 0.0674 204.99)` | Not a Cloud in Sight | black, 11.3 to 1 |
| 14 | `#7dc3cc` | `oklch(77.44% 0.0711 205.87)` | Wavelet | black, 10.5 to 1 |
| 15 | `#73bcc6` | `oklch(75.16% 0.0747 206.90)` | Aqua Vitale | black, 9.7 to 1 |
| 16 | `#68b5c1` | `oklch(72.78% 0.0783 208.07)` | Adonis | black, 8.9 to 1 |
| 17 | `#5daebb` | `oklch(70.32% 0.0815 209.33)` | Ocean Trip | black, 8.1 to 1 |
| 18 | `#52a6b5` | `oklch(67.81% 0.0842 210.63)` | Blue Calypso | black, 7.4 to 1 |
| 19 | `#479eaf` | `oklch(65.29% 0.0861 211.94)` | Summer Turquoise Blue | black, 6.7 to 1 |
| 20 | `#3e96a8` | `oklch(62.77% 0.0871 213.21)` | Aqua Dance | black, 6.1 to 1 |
| 21 | `#368ea1` | `oklch(60.25% 0.0871 214.28)` | Scooter | black, 5.5 to 1 |
| 22 | `#2e8699` | `oklch(57.69% 0.0864 215.28)` | Precious Stone | black, 4.9 to 1 |
| 23 | `#277e92` | `oklch(55.10% 0.0851 216.36)` | Valley of Glaciers | white, 4.6 to 1 |
| 24 | `#21768a` | `oklch(52.47% 0.0834 217.68)` | Thousand Herb | white, 5.2 to 1 |
| 25 | `#1b6d82` | `oklch(49.81% 0.0815 219.40)` | Billabong | white, 5.8 to 1 |
| 26 | `#16657b` | `oklch(47.08% 0.0795 221.69)` | World’s Away | white, 6.6 to 1 |
| 27 | `#125b72` | `oklch(44.04% 0.0771 224.94)` | Octagon Ocean | white, 7.5 to 1 |
| 28 | `#0f5169` | `oklch(40.75% 0.0741 228.93)` | Hanada Blue | white, 8.7 to 1 |
| 29 | `#0d4760` | `oklch(37.45% 0.0709 233.23)` | Stegadon Scale Green | white, 10 to 1 |
| 30 | `#0c3d58` | `oklch(34.38% 0.0678 237.36)` | Duskwood | white, 11.4 to 1 |
| 31 | `#0b3650` | `oklch(31.79% 0.0652 240.89)` | Sea of Stars | white, 12.6 to 1 |
| 32 | `#0a304b` | `oklch(29.92% 0.0634 243.36)` | Crow Black Blue | white, 13.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eafbfc 0.0%, #e6f9fa 3.2%, #e0f7f8 6.5%, #d9f4f5 9.7%, #d1f0f2 12.9%, #c9ecef 16.1%, #c0e8eb 19.4%, #b8e4e8 22.6%, #afdfe4 25.8%, #a5dadf 29.0%, #9cd5db 32.3%, #92cfd6 35.5%, #88c9d1 38.7%, #7dc3cc 41.9%, #73bcc6 45.2%, #68b5c1 48.4%, #5daebb 51.6%, #52a6b5 54.8%, #479eaf 58.1%, #3e96a8 61.3%, #368ea1 64.5%, #2e8699 67.7%, #277e92 71.0%, #21768a 74.2%, #1b6d82 77.4%, #16657b 80.6%, #125b72 83.9%, #0f5169 87.1%, #0d4760 90.3%, #0c3d58 93.5%, #0b3650 96.8%, #0a304b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(97.64% 0.0179 201.09) 0.0%, oklch(96.90% 0.0205 201.18) 3.2%, oklch(95.92% 0.0240 201.28) 6.5%, oklch(94.74% 0.0282 201.41) 9.7%, oklch(93.41% 0.0328 201.58) 12.9%, oklch(91.97% 0.0375 201.80) 16.1%, oklch(90.46% 0.0419 202.08) 19.4%, oklch(88.90% 0.0461 202.43) 22.6%, oklch(87.24% 0.0505 202.79) 25.8%, oklch(85.47% 0.0549 203.20) 29.0%, oklch(83.60% 0.0593 203.69) 32.3%, oklch(81.64% 0.0635 204.28) 35.5%, oklch(79.58% 0.0674 204.99) 38.7%, oklch(77.44% 0.0711 205.87) 41.9%, oklch(75.16% 0.0747 206.90) 45.2%, oklch(72.78% 0.0783 208.07) 48.4%, oklch(70.32% 0.0815 209.33) 51.6%, oklch(67.81% 0.0842 210.63) 54.8%, oklch(65.29% 0.0861 211.94) 58.1%, oklch(62.77% 0.0871 213.21) 61.3%, oklch(60.25% 0.0871 214.28) 64.5%, oklch(57.69% 0.0864 215.28) 67.7%, oklch(55.10% 0.0851 216.36) 71.0%, oklch(52.47% 0.0834 217.68) 74.2%, oklch(49.81% 0.0815 219.40) 77.4%, oklch(47.08% 0.0795 221.69) 80.6%, oklch(44.04% 0.0771 224.94) 83.9%, oklch(40.75% 0.0741 228.93) 87.1%, oklch(37.45% 0.0709 233.23) 90.3%, oklch(34.38% 0.0678 237.36) 93.5%, oklch(31.79% 0.0652 240.89) 96.8%, oklch(29.92% 0.0634 243.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.976 | 0.018 | 201.1 |
| 2 | 0.902 | 0.043 | 202.2 |
| 3 | 0.787 | 0.069 | 205.3 |
| 4 | 0.638 | 0.087 | 212.7 |
| 5 | 0.476 | 0.08 | 221.2 |
| 6 | 0.299 | 0.063 | 243.4 |

## In these collections

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

## Other forms

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