# Blue sky palette

The Blue sky palette brings together dark blue and blue. 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 dark blue, and its lightest tone is blue.

- Also called: Monochrome navy to blue linear gradient
- Seed: `kWOSu3pBc_jSZv1DnT-Sh4_w`
- Page: https://grabient.com/kWOSu3pBc_jSZv1DnT-Sh4_w?steps=16&angle=0
- Drawn as: linear gradient, 16 steps, 0 degrees
- Kinds: dark to light, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4 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 | `#081b37` | `oklch(22.44% 0.0593 258.05)` | Naval Night | white, 17.1 to 1 |
| 2 | `#0a1d3a` | `oklch(23.41% 0.0600 257.48)` | Naval Night | white, 16.7 to 1 |
| 3 | `#0c213e` | `oklch(24.78% 0.0610 256.68)` | Dark Eclipse | white, 16.1 to 1 |
| 4 | `#0f2643` | `oklch(26.62% 0.0623 255.70)` | Dark Eclipse | white, 15.2 to 1 |
| 5 | `#132c4a` | `oklch(29.01% 0.0638 254.58)` | Midnight Ocean | white, 14.1 to 1 |
| 6 | `#193454` | `oklch(32.20% 0.0654 253.19)` | Incremental Blue | white, 12.5 to 1 |
| 7 | `#203f5f` | `oklch(35.89% 0.0672 251.66)` | Sir Edmund | white, 10.8 to 1 |
| 8 | `#28496a` | `oklch(39.61% 0.0692 250.21)` | Grape Blue | white, 9.3 to 1 |
| 9 | `#2f5375` | `oklch(43.02% 0.0715 249.05)` | Aerostatics | white, 8 to 1 |
| 10 | `#365d81` | `oklch(46.47% 0.0743 248.07)` | Pelagic | white, 6.9 to 1 |
| 11 | `#3c668c` | `oklch(49.75% 0.0771 247.24)` | Mississippi River | white, 6 to 1 |
| 12 | `#426f96` | `oklch(52.56% 0.0795 246.57)` | National Anthem | white, 5.3 to 1 |
| 13 | `#47759d` | `oklch(54.68% 0.0810 246.06)` | Dull Blue | white, 4.8 to 1 |
| 14 | `#4b7aa3` | `oklch(56.28% 0.0818 245.73)` | Zenith | black, 4.6 to 1 |
| 15 | `#4d7ea6` | `oklch(57.44% 0.0823 245.52)` | Borage | black, 4.8 to 1 |
| 16 | `#4f80a9` | `oklch(58.27% 0.0827 245.37)` | Neapolitan Blue | black, 5 to 1 |

## CSS

```css
background: linear-gradient(0deg, #081b37 0.0%, #0a1d3a 6.7%, #0c213e 13.3%, #0f2643 20.0%, #132c4a 26.7%, #193454 33.3%, #203f5f 40.0%, #28496a 46.7%, #2f5375 53.3%, #365d81 60.0%, #3c668c 66.7%, #426f96 73.3%, #47759d 80.0%, #4b7aa3 86.7%, #4d7ea6 93.3%, #4f80a9 100.0%);
background: linear-gradient(0deg in oklch, oklch(22.44% 0.0593 258.05) 0.0%, oklch(23.41% 0.0600 257.48) 6.7%, oklch(24.78% 0.0610 256.68) 13.3%, oklch(26.62% 0.0623 255.70) 20.0%, oklch(29.01% 0.0638 254.58) 26.7%, oklch(32.20% 0.0654 253.19) 33.3%, oklch(35.89% 0.0672 251.66) 40.0%, oklch(39.61% 0.0692 250.21) 46.7%, oklch(43.02% 0.0715 249.05) 53.3%, oklch(46.47% 0.0743 248.07) 60.0%, oklch(49.75% 0.0771 247.24) 66.7%, oklch(52.56% 0.0795 246.57) 73.3%, oklch(54.68% 0.0810 246.06) 80.0%, oklch(56.28% 0.0818 245.73) 86.7%, oklch(57.44% 0.0823 245.52) 93.3%, oklch(58.27% 0.0827 245.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.059 | 258 |
| 2 | 0.283 | 0.063 | 254.9 |
| 3 | 0.413 | 0.07 | 249.6 |
| 4 | 0.531 | 0.08 | 246.4 |
| 5 | 0.583 | 0.083 | 245.4 |

## In these collections

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

## Other forms

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