# Blue sky palette

The Blue sky palette brings together pale blue, light blue, blue, and light gray. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is pale blue.

- Also called: Monochrome light blue, blue and gray angular gradient
- Seed: `kY6Beg355A8opQRiEj18AKse8KVI`
- Page: https://grabient.com/kY6Beg355A8opQRiEj18AKse8KVI?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: dark center, pastel, light, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.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 | `#cde7f3` | `oklch(91.34% 0.0317 225.70)` | First Frost | black, 16.3 to 1 |
| 2 | `#c4e3f0` | `oklch(89.66% 0.0372 226.58)` | Skylark | black, 15.5 to 1 |
| 3 | `#b7dced` | `oklch(87.35% 0.0451 227.77)` | Sky Wanderer | black, 14.4 to 1 |
| 4 | `#a9d4e9` | `oklch(84.62% 0.0543 229.19)` | Monaco | black, 13.2 to 1 |
| 5 | `#99cbe5` | `oklch(81.64% 0.0640 230.74)` | Spring Tide | black, 12 to 1 |
| 6 | `#89c2e1` | `oklch(78.61% 0.0733 232.33)` | Club Cruise | black, 10.8 to 1 |
| 7 | `#7bb9dc` | `oklch(75.74% 0.0813 233.86)` | Pacific Harbour | black, 9.8 to 1 |
| 8 | `#6eb0d7` | `oklch(72.79% 0.0883 235.55)` | Skyscape | black, 8.8 to 1 |
| 9 | `#5fa5d1` | `oklch(69.27% 0.0958 237.76)` | Alaskan Blue | black, 7.7 to 1 |
| 10 | `#5099ca` | `oklch(65.60% 0.1030 240.09)` | Canadian Tuxedo | black, 6.7 to 1 |
| 11 | `#438ec3` | `oklch(62.25% 0.1090 242.17)` | Quiet Night | black, 5.9 to 1 |
| 12 | `#3a86bd` | `oklch(59.68% 0.1129 243.57)` | Pat-A-Pep | black, 5.3 to 1 |
| 13 | `#3582b9` | `oklch(58.35% 0.1137 243.92)` | Curious Blue | black, 5 to 1 |
| 14 | `#3983b9` | `oklch(58.72% 0.1105 243.44)` | Curious Blue | black, 5.1 to 1 |
| 15 | `#4789bc` | `oklch(60.79% 0.1028 243.94)` | Sea Salt Rivers | black, 5.5 to 1 |
| 16 | `#5992c0` | `oklch(64.06% 0.0920 244.31)` | Come Sail Away | black, 6.3 to 1 |
| 17 | `#6c9ec6` | `oklch(67.97% 0.0795 243.12)` | Cerulean Frost | black, 7.3 to 1 |
| 18 | `#7dabca` | `oklch(71.96% 0.0668 238.95)` | Soul Blue | black, 8.5 to 1 |
| 19 | `#8cb7cc` | `oklch(75.50% 0.0553 230.38)` | Moon Jellyfish | black, 9.7 to 1 |
| 20 | `#97c0ca` | `oklch(78.12% 0.0461 215.29)` | Porcelain Blue | black, 10.6 to 1 |
| 21 | `#a5c7c4` | `oklch(80.42% 0.0373 188.34)` | Zenith Heights | black, 11.5 to 1 |
| 22 | `#b8ccbd` | `oklch(82.55% 0.0287 153.59)` | Organza Green | black, 12.3 to 1 |
| 23 | `#cbcebf` | `oklch(84.45% 0.0207 117.13)` | Harp | black, 13.1 to 1 |
| 24 | `#d5d1c7` | `oklch(86.09% 0.0140 85.04)` | Power Lunch | black, 13.7 to 1 |
| 25 | `#dad4cf` | `oklch(87.40% 0.0091 63.39)` | Heirloom Pink | black, 14.3 to 1 |
| 26 | `#dcd8d4` | `oklch(88.34% 0.0066 58.27)` | Heirloom Shade | black, 14.7 to 1 |
| 27 | `#ddd9d5` | `oklch(88.77% 0.0072 72.71)` | Ancient Stone | black, 14.9 to 1 |
| 28 | `#dbdad3` | `oklch(88.75% 0.0104 101.58)` | Mr. Kitty | black, 14.9 to 1 |
| 29 | `#d4dbd2` | `oklch(88.45% 0.0151 138.42)` | Light Silver Grass | black, 14.9 to 1 |
| 30 | `#cadcd7` | `oklch(88.01% 0.0202 176.75)` | Blue Cypress | black, 14.7 to 1 |
| 31 | `#c5dbdf` | `oklch(87.61% 0.0247 210.11)` | Byte Blue | black, 14.5 to 1 |
| 32 | `#c4d9e5` | `oklch(87.40% 0.0276 232.04)` | Magic Wand | black, 14.4 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #cde7f3 0.0%, #c4e3f0 3.2%, #b7dced 6.5%, #a9d4e9 9.7%, #99cbe5 12.9%, #89c2e1 16.1%, #7bb9dc 19.4%, #6eb0d7 22.6%, #5fa5d1 25.8%, #5099ca 29.0%, #438ec3 32.3%, #3a86bd 35.5%, #3582b9 38.7%, #3983b9 41.9%, #4789bc 45.2%, #5992c0 48.4%, #6c9ec6 51.6%, #7dabca 54.8%, #8cb7cc 58.1%, #97c0ca 61.3%, #a5c7c4 64.5%, #b8ccbd 67.7%, #cbcebf 71.0%, #d5d1c7 74.2%, #dad4cf 77.4%, #dcd8d4 80.6%, #ddd9d5 83.9%, #dbdad3 87.1%, #d4dbd2 90.3%, #cadcd7 93.5%, #c5dbdf 96.8%, #c4d9e5 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(91.34% 0.0317 225.70) 0.0%, oklch(89.66% 0.0372 226.58) 3.2%, oklch(87.35% 0.0451 227.77) 6.5%, oklch(84.62% 0.0543 229.19) 9.7%, oklch(81.64% 0.0640 230.74) 12.9%, oklch(78.61% 0.0733 232.33) 16.1%, oklch(75.74% 0.0813 233.86) 19.4%, oklch(72.79% 0.0883 235.55) 22.6%, oklch(69.27% 0.0958 237.76) 25.8%, oklch(65.60% 0.1030 240.09) 29.0%, oklch(62.25% 0.1090 242.17) 32.3%, oklch(59.68% 0.1129 243.57) 35.5%, oklch(58.35% 0.1137 243.92) 38.7%, oklch(58.72% 0.1105 243.44) 41.9%, oklch(60.79% 0.1028 243.94) 45.2%, oklch(64.06% 0.0920 244.31) 48.4%, oklch(67.97% 0.0795 243.12) 51.6%, oklch(71.96% 0.0668 238.95) 54.8%, oklch(75.50% 0.0553 230.38) 58.1%, oklch(78.12% 0.0461 215.29) 61.3%, oklch(80.42% 0.0373 188.34) 64.5%, oklch(82.55% 0.0287 153.59) 67.7%, oklch(84.45% 0.0207 117.13) 71.0%, oklch(86.09% 0.0140 85.04) 74.2%, oklch(87.40% 0.0091 63.39) 77.4%, oklch(88.34% 0.0066 58.27) 80.6%, oklch(88.77% 0.0072 72.71) 83.9%, oklch(88.75% 0.0104 101.58) 87.1%, oklch(88.45% 0.0151 138.42) 90.3%, oklch(88.01% 0.0202 176.75) 93.5%, oklch(87.61% 0.0247 210.11) 96.8%, oklch(87.40% 0.0276 232.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.032 | 225.7 |
| 2 | 0.752 | 0.083 | 234.2 |
| 3 | 0.583 | 0.113 | 243.7 |
| 4 | 0.772 | 0.05 | 222.5 |
| 5 | 0.882 | 0.007 | 57.7 |
| 6 | 0.874 | 0.028 | 232 |

## In these collections

- [Sky](https://grabient.com/sky)

## Other forms

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