# Blue and stone sky palette

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

- Also called: Monochrome navy, gray and blue angular gradient
- Seed: `kaORq3Ko-_D6Qv5nBr5SJFBTQXwCnGcCg`
- Page: https://grabient.com/kaORq3Ko-_D6Qv5nBr5SJFBTQXwCnGcCg?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center, muted, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 9.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 | `#111c2c` | `oklch(22.44% 0.0358 257.34)` | Trapped Darkness | white, 17.1 to 1 |
| 2 | `#131f30` | `oklch(23.81% 0.0368 256.31)` | Hēi Sè Black | white, 16.5 to 1 |
| 3 | `#162435` | `oklch(25.69% 0.0382 254.82)` | Kon | white, 15.6 to 1 |
| 4 | `#1a2a3c` | `oklch(27.94% 0.0398 253.13)` | Eternal Darkness | white, 14.6 to 1 |
| 5 | `#1f3043` | `oklch(30.44% 0.0413 251.48)` | Imperial Primer | white, 13.4 to 1 |
| 6 | `#24374b` | `oklch(33.03% 0.0426 250.12)` | In the Navy | white, 12.1 to 1 |
| 7 | `#2a3e52` | `oklch(35.56% 0.0437 249.31)` | Snap-Shot | white, 11 to 1 |
| 8 | `#2f455a` | `oklch(38.05% 0.0452 248.94)` | Moonlit Ocean | white, 9.9 to 1 |
| 9 | `#364c62` | `oklch(40.74% 0.0465 248.69)` | Rain Boots | white, 8.8 to 1 |
| 10 | `#3d556b` | `oklch(43.89% 0.0470 248.24)` | Plaudit | white, 7.7 to 1 |
| 11 | `#486076` | `oklch(47.73% 0.0462 247.27)` | Mountain River | white, 6.5 to 1 |
| 12 | `#576f83` | `oklch(52.94% 0.0430 245.34)` | Blueberry Dream | white, 5.2 to 1 |
| 13 | `#6e8496` | `oklch(60.28% 0.0368 242.23)` | Gilneas Grey | black, 5.4 to 1 |
| 14 | `#899caa` | `oklch(68.30% 0.0294 238.69)` | Relaxing Blue | black, 7.4 to 1 |
| 15 | `#a2b2bc` | `oklch(75.45% 0.0227 235.49)` | Peace | black, 9.6 to 1 |
| 16 | `#b3c1c8` | `oklch(80.15% 0.0185 233.41)` | Driftwood Blues | black, 11.3 to 1 |
| 17 | `#b6c3cb` | `oklch(80.95% 0.0185 233.20)` | Icebreaker | black, 11.6 to 1 |
| 18 | `#aabac4` | `oklch(77.98% 0.0225 234.84)` | Windy Blue | black, 10.5 to 1 |
| 19 | `#96aab7` | `oklch(72.61% 0.0289 237.60)` | Ashen Wind | black, 8.7 to 1 |
| 20 | `#8096a7` | `oklch(66.22% 0.0363 240.72)` | Storm Petrel | black, 6.8 to 1 |
| 21 | `#6b8499` | `oklch(60.21% 0.0432 243.44)` | Lakeville | black, 5.4 to 1 |
| 22 | `#5c778f` | `oklch(55.81% 0.0483 245.06)` | Titanium Blue | white, 4.6 to 1 |
| 23 | `#506d86` | `oklch(52.22% 0.0526 245.78)` | Shipyard | white, 5.4 to 1 |
| 24 | `#45647f` | `oklch(48.93% 0.0564 246.03)` | Stellar | white, 6.2 to 1 |
| 25 | `#3b5b77` | `oklch(45.92% 0.0598 246.10)` | China Pattern | white, 7.1 to 1 |
| 26 | `#325371` | `oklch(43.13% 0.0627 246.30)` | America’s Cup | white, 8 to 1 |
| 27 | `#2a4c6a` | `oklch(40.52% 0.0651 246.92)` | Celestial Blue | white, 8.9 to 1 |
| 28 | `#234564` | `oklch(38.03% 0.0670 248.05)` | Dark Slate Blue | white, 9.9 to 1 |
| 29 | `#1d3f5f` | `oklch(35.71% 0.0682 249.46)` | Sir Edmund | white, 10.9 to 1 |
| 30 | `#193959` | `oklch(33.66% 0.0691 250.93)` | Poseidon | white, 11.8 to 1 |
| 31 | `#153455` | `oklch(31.96% 0.0697 252.22)` | Incremental Blue | white, 12.7 to 1 |
| 32 | `#123052` | `oklch(30.71% 0.0703 253.12)` | Beyond the Stars | white, 13.3 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #111c2c 0.0%, #131f30 3.2%, #162435 6.5%, #1a2a3c 9.7%, #1f3043 12.9%, #24374b 16.1%, #2a3e52 19.4%, #2f455a 22.6%, #364c62 25.8%, #3d556b 29.0%, #486076 32.3%, #576f83 35.5%, #6e8496 38.7%, #899caa 41.9%, #a2b2bc 45.2%, #b3c1c8 48.4%, #b6c3cb 51.6%, #aabac4 54.8%, #96aab7 58.1%, #8096a7 61.3%, #6b8499 64.5%, #5c778f 67.7%, #506d86 71.0%, #45647f 74.2%, #3b5b77 77.4%, #325371 80.6%, #2a4c6a 83.9%, #234564 87.1%, #1d3f5f 90.3%, #193959 93.5%, #153455 96.8%, #123052 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(22.44% 0.0358 257.34) 0.0%, oklch(23.81% 0.0368 256.31) 3.2%, oklch(25.69% 0.0382 254.82) 6.5%, oklch(27.94% 0.0398 253.13) 9.7%, oklch(30.44% 0.0413 251.48) 12.9%, oklch(33.03% 0.0426 250.12) 16.1%, oklch(35.56% 0.0437 249.31) 19.4%, oklch(38.05% 0.0452 248.94) 22.6%, oklch(40.74% 0.0465 248.69) 25.8%, oklch(43.89% 0.0470 248.24) 29.0%, oklch(47.73% 0.0462 247.27) 32.3%, oklch(52.94% 0.0430 245.34) 35.5%, oklch(60.28% 0.0368 242.23) 38.7%, oklch(68.30% 0.0294 238.69) 41.9%, oklch(75.45% 0.0227 235.49) 45.2%, oklch(80.15% 0.0185 233.41) 48.4%, oklch(80.95% 0.0185 233.20) 51.6%, oklch(77.98% 0.0225 234.84) 54.8%, oklch(72.61% 0.0289 237.60) 58.1%, oklch(66.22% 0.0363 240.72) 61.3%, oklch(60.21% 0.0432 243.44) 64.5%, oklch(55.81% 0.0483 245.06) 67.7%, oklch(52.22% 0.0526 245.78) 71.0%, oklch(48.93% 0.0564 246.03) 74.2%, oklch(45.92% 0.0598 246.10) 77.4%, oklch(43.13% 0.0627 246.30) 80.6%, oklch(40.52% 0.0651 246.92) 83.9%, oklch(38.03% 0.0670 248.05) 87.1%, oklch(35.71% 0.0682 249.46) 90.3%, oklch(33.66% 0.0691 250.93) 93.5%, oklch(31.96% 0.0697 252.22) 96.8%, oklch(30.71% 0.0703 253.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.036 | 257.3 |
| 2 | 0.335 | 0.043 | 249.9 |
| 3 | 0.492 | 0.045 | 246.8 |
| 4 | 0.811 | 0.018 | 233 |
| 5 | 0.571 | 0.047 | 244.7 |
| 6 | 0.409 | 0.065 | 246.8 |
| 7 | 0.307 | 0.07 | 253.1 |

## In these collections

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

## Other forms

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