# Pale blue, turquoise and stone color palette

The Pale blue, turquoise and stone color palette brings together off-white, light teal, teal, dark blue, and light blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: Monochrome light blue, blue and gray radial gradient
- Seed: `kW-QeOcBY_8mzQ2mIMJYws_4`
- Page: https://grabient.com/kW-QeOcBY_8mzQ2mIMJYws_4?style=radialGradient&steps=48&angle=135
- Drawn as: radial gradient, 48 steps, 135 degrees
- Kinds: dark center, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 13 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 | `#f2fbfb` | `oklch(98.03% 0.0096 199.69)` | Cold White | black, 19.9 to 1 |
| 2 | `#eefafa` | `oklch(97.61% 0.0121 199.59)` | Cold White | black, 19.6 to 1 |
| 3 | `#ebf9f9` | `oklch(97.18% 0.0150 199.33)` | Aijiro White | black, 19.4 to 1 |
| 4 | `#e7f8f9` | `oklch(96.71% 0.0184 198.97)` | Calm Waters | black, 19.2 to 1 |
| 5 | `#e2f7f8` | `oklch(96.19% 0.0221 198.56)` | Coastal Breeze | black, 18.9 to 1 |
| 6 | `#ddf6f7` | `oklch(95.60% 0.0263 198.15)` | Coastal Breeze | black, 18.6 to 1 |
| 7 | `#d8f5f5` | `oklch(94.91% 0.0307 197.80)` | Fishious Rend | black, 18.2 to 1 |
| 8 | `#d1f3f4` | `oklch(94.12% 0.0355 197.56)` | Windswept | black, 17.8 to 1 |
| 9 | `#caf1f2` | `oklch(93.19% 0.0404 197.50)` | Princess Blue Feather | black, 17.4 to 1 |
| 10 | `#c3eff0` | `oklch(92.10% 0.0456 197.66)` | Icy Breeze | black, 16.8 to 1 |
| 11 | `#baeced` | `oklch(90.85% 0.0510 198.09)` | Cold Blooded | black, 16.2 to 1 |
| 12 | `#b1e8ea` | `oklch(89.41% 0.0565 198.86)` | Spearmint Water | black, 15.6 to 1 |
| 13 | `#a6e4e7` | `oklch(87.75% 0.0621 200.02)` | Ice Crystal Blue | black, 14.8 to 1 |
| 14 | `#9adee3` | `oklch(85.82% 0.0686 201.63)` | Pale Pastel | black, 13.9 to 1 |
| 15 | `#8cd8e0` | `oklch(83.63% 0.0761 203.64)` | Fresh Blue | black, 13 to 1 |
| 16 | `#7cd2dc` | `oklch(81.22% 0.0843 205.99)` | Sea of Tranquillity | black, 12 to 1 |
| 17 | `#6acad9` | `oklch(78.63% 0.0929 208.61)` | Betsy | black, 11 to 1 |
| 18 | `#57c2d6` | `oklch(75.91% 0.1016 211.41)` | Naxos Sky | black, 10 to 1 |
| 19 | `#41b9d2` | `oklch(73.10% 0.1101 214.33)` | Bachelor Button | black, 9.1 to 1 |
| 20 | `#26b0cf` | `oklch(70.24% 0.1182 217.30)` | Aquarius | black, 8.2 to 1 |
| 21 | `#00a7cb` | `oklch(67.37% 0.1229 220.25)` | Gummy Dolphins | black, 7.3 to 1 |
| 22 | `#009dc3` | `oklch(64.54% 0.1203 223.09)` | Blue Ocean | black, 6.5 to 1 |
| 23 | `#0093bb` | `oklch(61.78% 0.1179 225.76)` | Blue Danube | black, 5.8 to 1 |
| 24 | `#008ab3` | `oklch(59.14% 0.1156 228.19)` | Stomy Shower | black, 5.2 to 1 |
| 25 | `#0081ac` | `oklch(56.58% 0.1132 230.35)` | Oh so Vo | black, 4.7 to 1 |
| 26 | `#0077a2` | `oklch(53.65% 0.1101 232.46)` | Mitchell Blue | white, 5 to 1 |
| 27 | `#006d98` | `oklch(50.42% 0.1063 234.56)` | Disarm | white, 5.7 to 1 |
| 28 | `#00628c` | `oklch(47.01% 0.1021 236.61)` | Reservoir | white, 6.7 to 1 |
| 29 | `#005781` | `oklch(43.56% 0.0975 238.61)` | Mykonos Blue | white, 7.8 to 1 |
| 30 | `#004d75` | `oklch(40.21% 0.0929 240.52)` | Blue Meridian | white, 9 to 1 |
| 31 | `#00446a` | `oklch(37.09% 0.0886 242.34)` | Lush Aqua | white, 10.3 to 1 |
| 32 | `#003c61` | `oklch(34.34% 0.0848 244.05)` | Poseidon | white, 11.5 to 1 |
| 33 | `#00365a` | `oklch(32.10% 0.0818 245.61)` | Night Dive | white, 12.5 to 1 |
| 34 | `#003155` | `oklch(30.49% 0.0802 247.02)` | Night Dive | white, 13.3 to 1 |
| 35 | `#002f53` | `oklch(29.67% 0.0803 248.24)` | Indigo Black | white, 13.7 to 1 |
| 36 | `#002e54` | `oklch(29.75% 0.0826 249.25)` | Indigo Black | white, 13.7 to 1 |
| 37 | `#013159` | `oklch(30.95% 0.0859 249.92)` | Effervescent Blue | white, 13.1 to 1 |
| 38 | `#0f385e` | `oklch(33.43% 0.0806 250.44)` | Poseidon | white, 12 to 1 |
| 39 | `#1e4266` | `oklch(36.95% 0.0750 250.73)` | Lucidity | white, 10.4 to 1 |
| 40 | `#2d4d70` | `oklch(41.30% 0.0692 250.84)` | Blue Tang | white, 8.6 to 1 |
| 41 | `#3d5b7b` | `oklch(46.23% 0.0633 250.80)` | Carter’s Scroll | white, 7 to 1 |
| 42 | `#4e6a88` | `oklch(51.51% 0.0575 250.64)` | Wedgewood | white, 5.5 to 1 |
| 43 | `#607a95` | `oklch(56.93% 0.0518 250.40)` | Cropper Blue | black, 4.7 to 1 |
| 44 | `#728aa2` | `oklch(62.25% 0.0464 250.12)` | Hilo Bay | black, 5.8 to 1 |
| 45 | `#8398af` | `oklch(67.25% 0.0414 249.84)` | Monsoon Season | black, 7.1 to 1 |
| 46 | `#92a6ba` | `oklch(71.68% 0.0370 249.60)` | Paris | black, 8.3 to 1 |
| 47 | `#9fb1c4` | `oklch(75.32% 0.0333 249.42)` | Perfect Landing | black, 9.5 to 1 |
| 48 | `#a9b9ca` | `oklch(77.95% 0.0303 249.35)` | Blue Tribute | black, 10.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f2fbfb 0.0%, #eefafa 2.1%, #ebf9f9 4.3%, #e7f8f9 6.4%, #e2f7f8 8.5%, #ddf6f7 10.6%, #d8f5f5 12.8%, #d1f3f4 14.9%, #caf1f2 17.0%, #c3eff0 19.1%, #baeced 21.3%, #b1e8ea 23.4%, #a6e4e7 25.5%, #9adee3 27.7%, #8cd8e0 29.8%, #7cd2dc 31.9%, #6acad9 34.0%, #57c2d6 36.2%, #41b9d2 38.3%, #26b0cf 40.4%, #00a7cb 42.6%, #009dc3 44.7%, #0093bb 46.8%, #008ab3 48.9%, #0081ac 51.1%, #0077a2 53.2%, #006d98 55.3%, #00628c 57.4%, #005781 59.6%, #004d75 61.7%, #00446a 63.8%, #003c61 66.0%, #00365a 68.1%, #003155 70.2%, #002f53 72.3%, #002e54 74.5%, #013159 76.6%, #0f385e 78.7%, #1e4266 80.9%, #2d4d70 83.0%, #3d5b7b 85.1%, #4e6a88 87.2%, #607a95 89.4%, #728aa2 91.5%, #8398af 93.6%, #92a6ba 95.7%, #9fb1c4 97.9%, #a9b9ca 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(98.03% 0.0096 199.69) 0.0%, oklch(97.61% 0.0121 199.59) 2.1%, oklch(97.18% 0.0150 199.33) 4.3%, oklch(96.71% 0.0184 198.97) 6.4%, oklch(96.19% 0.0221 198.56) 8.5%, oklch(95.60% 0.0263 198.15) 10.6%, oklch(94.91% 0.0307 197.80) 12.8%, oklch(94.12% 0.0355 197.56) 14.9%, oklch(93.19% 0.0404 197.50) 17.0%, oklch(92.10% 0.0456 197.66) 19.1%, oklch(90.85% 0.0510 198.09) 21.3%, oklch(89.41% 0.0565 198.86) 23.4%, oklch(87.75% 0.0621 200.02) 25.5%, oklch(85.82% 0.0686 201.63) 27.7%, oklch(83.63% 0.0761 203.64) 29.8%, oklch(81.22% 0.0843 205.99) 31.9%, oklch(78.63% 0.0929 208.61) 34.0%, oklch(75.91% 0.1016 211.41) 36.2%, oklch(73.10% 0.1101 214.33) 38.3%, oklch(70.24% 0.1182 217.30) 40.4%, oklch(67.37% 0.1229 220.25) 42.6%, oklch(64.54% 0.1203 223.09) 44.7%, oklch(61.78% 0.1179 225.76) 46.8%, oklch(59.14% 0.1156 228.19) 48.9%, oklch(56.58% 0.1132 230.35) 51.1%, oklch(53.65% 0.1101 232.46) 53.2%, oklch(50.42% 0.1063 234.56) 55.3%, oklch(47.01% 0.1021 236.61) 57.4%, oklch(43.56% 0.0975 238.61) 59.6%, oklch(40.21% 0.0929 240.52) 61.7%, oklch(37.09% 0.0886 242.34) 63.8%, oklch(34.34% 0.0848 244.05) 66.0%, oklch(32.10% 0.0818 245.61) 68.1%, oklch(30.49% 0.0802 247.02) 70.2%, oklch(29.67% 0.0803 248.24) 72.3%, oklch(29.75% 0.0826 249.25) 74.5%, oklch(30.95% 0.0859 249.92) 76.6%, oklch(33.43% 0.0806 250.44) 78.7%, oklch(36.95% 0.0750 250.73) 80.9%, oklch(41.30% 0.0692 250.84) 83.0%, oklch(46.23% 0.0633 250.80) 85.1%, oklch(51.51% 0.0575 250.64) 87.2%, oklch(56.93% 0.0518 250.40) 89.4%, oklch(62.25% 0.0464 250.12) 91.5%, oklch(67.25% 0.0414 249.84) 93.6%, oklch(71.68% 0.0370 249.60) 95.7%, oklch(75.32% 0.0333 249.42) 97.9%, oklch(77.95% 0.0303 249.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.98 | 0.01 | 199.7 |
| 2 | 0.882 | 0.061 | 199.7 |
| 3 | 0.579 | 0.141 | 229.3 |
| 4 | 0.299 | 0.09 | 249.4 |
| 5 | 0.78 | 0.03 | 249.4 |

## In these collections

- [Navy and teal gradients](https://grabient.com/navy-and-teal-gradients)
- [Ice gradients](https://grabient.com/ice-gradients)
- [Winter](https://grabient.com/winter)

## Other forms

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