# Blue and stone color palette

The Blue and stone color palette brings together light blue, off-white, and blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits holiday stationery and seasonal displays. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Monochrome light blue, gray and blue radial gradient
- Seed: `kY3yCu9og-veFyFzB8GaZC4FGjQo`
- Page: https://grabient.com/kY3yCu9og-veFyFzB8GaZC4FGjQo?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: light center, pastel, light, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.8 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 | `#c0dbf3` | `oklch(87.80% 0.0441 245.39)` | Light Powder Blue | black, 14.6 to 1 |
| 2 | `#c2ddf3` | `oklch(88.42% 0.0416 243.40)` | Island View | black, 14.9 to 1 |
| 3 | `#c6e0f3` | `oklch(89.33% 0.0381 239.90)` | First Shade of Blue | black, 15.3 to 1 |
| 4 | `#cbe3f3` | `oklch(90.39% 0.0339 236.04)` | Salty Ice | black, 15.8 to 1 |
| 5 | `#d0e7f4` | `oklch(91.48% 0.0296 232.99)` | New Heights | black, 16.4 to 1 |
| 6 | `#d6eaf5` | `oklch(92.45% 0.0257 231.91)` | Freezing Vapour | black, 16.8 to 1 |
| 7 | `#dbebf6` | `oklch(93.20% 0.0225 233.94)` | Celestial Cathedral | black, 17.2 to 1 |
| 8 | `#dfecf7` | `oklch(93.67% 0.0203 240.39)` | Ice Fishing | black, 17.4 to 1 |
| 9 | `#e2ecf8` | `oklch(94.01% 0.0186 251.14)` | Husky | black, 17.6 to 1 |
| 10 | `#e6ecf8` | `oklch(94.23% 0.0172 264.46)` | Coconut White | black, 17.7 to 1 |
| 11 | `#e9ebf7` | `oklch(94.32% 0.0162 278.63)` | Silver Phoenix | black, 17.7 to 1 |
| 12 | `#eceaf6` | `oklch(94.30% 0.0156 291.89)` | Silver Phoenix | black, 17.7 to 1 |
| 13 | `#ede9f4` | `oklch(94.18% 0.0152 302.51)` | Tranquil Eve | black, 17.6 to 1 |
| 14 | `#eee8f3` | `oklch(93.94% 0.0151 309.55)` | Tranquil Eve | black, 17.5 to 1 |
| 15 | `#eee7f1` | `oklch(93.58% 0.0152 315.21)` | Tranquil Eve | black, 17.3 to 1 |
| 16 | `#ede5ef` | `oklch(93.12% 0.0156 319.52)` | In the Spotlight | black, 17 to 1 |
| 17 | `#ece3ed` | `oklch(92.54% 0.0164 322.19)` | Faded Fuchsia | black, 16.7 to 1 |
| 18 | `#eae0eb` | `oklch(91.85% 0.0176 322.93)` | Angora Pink | black, 16.4 to 1 |
| 19 | `#e8dee9` | `oklch(91.07% 0.0193 321.45)` | Lilac Frost | black, 16 to 1 |
| 20 | `#e5dae8` | `oklch(90.20% 0.0217 317.16)` | Awakened | black, 15.5 to 1 |
| 21 | `#e0d8e9` | `oklch(89.35% 0.0244 308.01)` | Lavender Vista | black, 15.1 to 1 |
| 22 | `#dad6ea` | `oklch(88.47% 0.0277 295.36)` | Slaanesh Grey | black, 14.7 to 1 |
| 23 | `#d2d4eb` | `oklch(87.44% 0.0314 281.32)` | Light Powdered Granite | black, 14.3 to 1 |
| 24 | `#c7d1ea` | `oklch(86.20% 0.0358 268.03)` | Arctic Glow | black, 13.7 to 1 |
| 25 | `#bccee8` | `oklch(84.62% 0.0409 257.62)` | Maritime | black, 13.1 to 1 |
| 26 | `#b1c9e4` | `oklch(82.62% 0.0467 252.17)` | Featherbed | black, 12.3 to 1 |
| 27 | `#a4c0e0` | `oklch(79.85% 0.0545 251.83)` | Artesian Pool | black, 11.2 to 1 |
| 28 | `#98b5db` | `oklch(76.44% 0.0637 255.01)` | Echo Isles Water | black, 9.9 to 1 |
| 29 | `#8da8d6` | `oklch(72.79% 0.0735 260.31)` | Casual Water | black, 8.7 to 1 |
| 30 | `#849bd0` | `oklch(69.27% 0.0829 266.33)` | Purple Gentian | black, 7.6 to 1 |
| 31 | `#7f90cb` | `oklch(66.27% 0.0908 271.69)` | Mood Mode | black, 6.7 to 1 |
| 32 | `#7b88c7` | `oklch(64.17% 0.0965 274.98)` | True Lavender | black, 6.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c0dbf3 0.0%, #c2ddf3 3.2%, #c6e0f3 6.5%, #cbe3f3 9.7%, #d0e7f4 12.9%, #d6eaf5 16.1%, #dbebf6 19.4%, #dfecf7 22.6%, #e2ecf8 25.8%, #e6ecf8 29.0%, #e9ebf7 32.3%, #eceaf6 35.5%, #ede9f4 38.7%, #eee8f3 41.9%, #eee7f1 45.2%, #ede5ef 48.4%, #ece3ed 51.6%, #eae0eb 54.8%, #e8dee9 58.1%, #e5dae8 61.3%, #e0d8e9 64.5%, #dad6ea 67.7%, #d2d4eb 71.0%, #c7d1ea 74.2%, #bccee8 77.4%, #b1c9e4 80.6%, #a4c0e0 83.9%, #98b5db 87.1%, #8da8d6 90.3%, #849bd0 93.5%, #7f90cb 96.8%, #7b88c7 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.80% 0.0441 245.39) 0.0%, oklch(88.42% 0.0416 243.40) 3.2%, oklch(89.33% 0.0381 239.90) 6.5%, oklch(90.39% 0.0339 236.04) 9.7%, oklch(91.48% 0.0296 232.99) 12.9%, oklch(92.45% 0.0257 231.91) 16.1%, oklch(93.20% 0.0225 233.94) 19.4%, oklch(93.67% 0.0203 240.39) 22.6%, oklch(94.01% 0.0186 251.14) 25.8%, oklch(94.23% 0.0172 264.46) 29.0%, oklch(94.32% 0.0162 278.63) 32.3%, oklch(94.30% 0.0156 291.89) 35.5%, oklch(94.18% 0.0152 302.51) 38.7%, oklch(93.94% 0.0151 309.55) 41.9%, oklch(93.58% 0.0152 315.21) 45.2%, oklch(93.12% 0.0156 319.52) 48.4%, oklch(92.54% 0.0164 322.19) 51.6%, oklch(91.85% 0.0176 322.93) 54.8%, oklch(91.07% 0.0193 321.45) 58.1%, oklch(90.20% 0.0217 317.16) 61.3%, oklch(89.35% 0.0244 308.01) 64.5%, oklch(88.47% 0.0277 295.36) 67.7%, oklch(87.44% 0.0314 281.32) 71.0%, oklch(86.20% 0.0358 268.03) 74.2%, oklch(84.62% 0.0409 257.62) 77.4%, oklch(82.62% 0.0467 252.17) 80.6%, oklch(79.85% 0.0545 251.83) 83.9%, oklch(76.44% 0.0637 255.01) 87.1%, oklch(72.79% 0.0735 260.31) 90.3%, oklch(69.27% 0.0829 266.33) 93.5%, oklch(66.27% 0.0908 271.69) 96.8%, oklch(64.17% 0.0965 274.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.044 | 245.4 |
| 2 | 0.933 | 0.022 | 234.8 |
| 3 | 0.941 | 0.015 | 305.6 |
| 4 | 0.906 | 0.021 | 319.4 |
| 5 | 0.831 | 0.045 | 252.8 |
| 6 | 0.642 | 0.096 | 275 |

## In these collections

- [Dusk swatches](https://grabient.com/dusk-swatches)
- [Winter](https://grabient.com/winter)

## Other forms

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