# Blue and stone sky palette

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

- Also called: Analogous blue, gray and purple linear gradient
- Seed: `kaaCu1xBo_FiVPnrhL83g5Jciav-1HT8A`
- Page: https://grabient.com/kaaCu1xBo_FiVPnrhL83g5Jciav-1HT8A?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.5 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 | `#344c6a` | `oklch(40.94% 0.0593 255.23)` | Deep Royal | white, 8.8 to 1 |
| 2 | `#375070` | `oklch(42.54% 0.0613 254.35)` | Blue Flag | white, 8.2 to 1 |
| 3 | `#3a5678` | `oklch(44.74% 0.0644 253.15)` | Star Spangled | white, 7.5 to 1 |
| 4 | `#3f5e81` | `oklch(47.37% 0.0677 251.69)` | Atlantic Schooner | white, 6.6 to 1 |
| 5 | `#44678b` | `oklch(50.21% 0.0704 250.01)` | French Mirage Blue | white, 5.9 to 1 |
| 6 | `#4a7094` | `oklch(53.08% 0.0716 248.16)` | Riverside | white, 5.2 to 1 |
| 7 | `#50799c` | `oklch(55.96% 0.0713 246.02)` | Tech Wave | white, 4.6 to 1 |
| 8 | `#5882a4` | `oklch(59.06% 0.0700 243.47)` | Sapphired | black, 5.1 to 1 |
| 9 | `#618dac` | `oklch(62.28% 0.0677 240.75)` | Gunjō Blue | black, 5.8 to 1 |
| 10 | `#6b97b4` | `oklch(65.52% 0.0643 238.11)` | Aragonite Blue | black, 6.7 to 1 |
| 11 | `#76a1bb` | `oklch(68.67% 0.0597 235.81)` | Ocean Surf | black, 7.5 to 1 |
| 12 | `#84aac0` | `oklch(71.86% 0.0530 233.40)` | Arabella | black, 8.5 to 1 |
| 13 | `#94b5c6` | `oklch(75.50% 0.0430 229.59)` | Respite | black, 9.7 to 1 |
| 14 | `#a6c0cb` | `oklch(79.13% 0.0317 225.92)` | Winter Sky | black, 10.9 to 1 |
| 15 | `#b7c8cf` | `oklch(82.21% 0.0213 224.13)` | Silver Strand | black, 12.1 to 1 |
| 16 | `#c2cdd2` | `oklch(84.21% 0.0141 225.98)` | New North | black, 12.9 to 1 |
| 17 | `#c5ced3` | `oklch(84.65% 0.0121 233.51)` | Lark Wing | black, 13.1 to 1 |
| 18 | `#c2cad3` | `oklch(83.62% 0.0145 248.20)` | Light Spirit | black, 12.7 to 1 |
| 19 | `#bdc3d0` | `oklch(81.53% 0.0200 266.94)` | Powder Lilac | black, 11.8 to 1 |
| 20 | `#b8b8cb` | `oklch(78.81% 0.0270 286.11)` | Winter Dusk | black, 10.7 to 1 |
| 21 | `#b4acc3` | `oklch(75.88% 0.0343 302.07)` | Wisteria Trellis | black, 9.6 to 1 |
| 22 | `#b0a1bb` | `oklch(73.10% 0.0406 311.41)` | Iris Blossom | black, 8.6 to 1 |
| 23 | `#aa96b3` | `oklch(70.06% 0.0476 315.02)` | Enthroned Above | black, 7.7 to 1 |
| 24 | `#a18bac` | `oklch(66.71% 0.0551 315.00)` | Saffron Blossom Mauve | black, 6.7 to 1 |
| 25 | `#977fa5` | `oklch(63.23% 0.0625 312.94)` | Elite Wisteria | black, 5.9 to 1 |
| 26 | `#8d749f` | `oklch(59.80% 0.0689 310.42)` | Fuji Purple | black, 5.1 to 1 |
| 27 | `#836a97` | `oklch(56.56% 0.0737 309.00)` | Dark Lavender | white, 4.6 to 1 |
| 28 | `#79608f` | `oklch(53.21% 0.0766 307.81)` | Super Violet | white, 5.4 to 1 |
| 29 | `#6e5786` | `oklch(49.75% 0.0782 306.17)` | Mystical | white, 6.2 to 1 |
| 30 | `#634e7d` | `oklch(46.49% 0.0790 304.40)` | Imperial Palace | white, 7.2 to 1 |
| 31 | `#5a4676` | `oklch(43.71% 0.0794 302.81)` | Blue Tulip | white, 8.1 to 1 |
| 32 | `#544171` | `oklch(41.73% 0.0799 301.73)` | Raw Amethyst | white, 8.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #344c6a 0.0%, #375070 3.2%, #3a5678 6.5%, #3f5e81 9.7%, #44678b 12.9%, #4a7094 16.1%, #50799c 19.4%, #5882a4 22.6%, #618dac 25.8%, #6b97b4 29.0%, #76a1bb 32.3%, #84aac0 35.5%, #94b5c6 38.7%, #a6c0cb 41.9%, #b7c8cf 45.2%, #c2cdd2 48.4%, #c5ced3 51.6%, #c2cad3 54.8%, #bdc3d0 58.1%, #b8b8cb 61.3%, #b4acc3 64.5%, #b0a1bb 67.7%, #aa96b3 71.0%, #a18bac 74.2%, #977fa5 77.4%, #8d749f 80.6%, #836a97 83.9%, #79608f 87.1%, #6e5786 90.3%, #634e7d 93.5%, #5a4676 96.8%, #544171 100.0%);
background: linear-gradient(90deg in oklch, oklch(40.94% 0.0593 255.23) 0.0%, oklch(42.54% 0.0613 254.35) 3.2%, oklch(44.74% 0.0644 253.15) 6.5%, oklch(47.37% 0.0677 251.69) 9.7%, oklch(50.21% 0.0704 250.01) 12.9%, oklch(53.08% 0.0716 248.16) 16.1%, oklch(55.96% 0.0713 246.02) 19.4%, oklch(59.06% 0.0700 243.47) 22.6%, oklch(62.28% 0.0677 240.75) 25.8%, oklch(65.52% 0.0643 238.11) 29.0%, oklch(68.67% 0.0597 235.81) 32.3%, oklch(71.86% 0.0530 233.40) 35.5%, oklch(75.50% 0.0430 229.59) 38.7%, oklch(79.13% 0.0317 225.92) 41.9%, oklch(82.21% 0.0213 224.13) 45.2%, oklch(84.21% 0.0141 225.98) 48.4%, oklch(84.65% 0.0121 233.51) 51.6%, oklch(83.62% 0.0145 248.20) 54.8%, oklch(81.53% 0.0200 266.94) 58.1%, oklch(78.81% 0.0270 286.11) 61.3%, oklch(75.88% 0.0343 302.07) 64.5%, oklch(73.10% 0.0406 311.41) 67.7%, oklch(70.06% 0.0476 315.02) 71.0%, oklch(66.71% 0.0551 315.00) 74.2%, oklch(63.23% 0.0625 312.94) 77.4%, oklch(59.80% 0.0689 310.42) 80.6%, oklch(56.56% 0.0737 309.00) 83.9%, oklch(53.21% 0.0766 307.81) 87.1%, oklch(49.75% 0.0782 306.17) 90.3%, oklch(46.49% 0.0790 304.40) 93.5%, oklch(43.71% 0.0794 302.81) 96.8%, oklch(41.73% 0.0799 301.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.059 | 255.2 |
| 2 | 0.535 | 0.072 | 247.8 |
| 3 | 0.697 | 0.058 | 235.2 |
| 4 | 0.846 | 0.012 | 228.8 |
| 5 | 0.74 | 0.039 | 309.1 |
| 6 | 0.571 | 0.073 | 309.1 |
| 7 | 0.417 | 0.08 | 301.7 |

## In these collections

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

## Other forms

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