# Blue wallpaper palette

The Blue wallpaper 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 stationery systems and print layouts. Its darkest tone is dark blue, and its lightest tone is blue.

- Also called: Seamless monochrome navy and blue linear gradient
- Seed: `kSPim3yqW_J4UP-`
- Page: https://grabient.com/kSPim3yqW_J4UP-?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, cool, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.9 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 | `#0e203b` | `oklch(24.41% 0.0565 258.05)` | Nightwalker | white, 16.3 to 1 |
| 2 | `#10233f` | `oklch(25.79% 0.0584 257.80)` | Dark Eclipse | white, 15.6 to 1 |
| 3 | `#132845` | `oklch(27.66% 0.0609 257.49)` | Eternal Darkness | white, 14.7 to 1 |
| 4 | `#172e4d` | `oklch(29.93% 0.0641 257.12)` | Crow Black Blue | white, 13.7 to 1 |
| 5 | `#1c3556` | `oklch(32.53% 0.0676 256.70)` | Incremental Blue | white, 12.4 to 1 |
| 6 | `#213c60` | `oklch(35.37% 0.0715 256.25)` | Navy Peony | white, 11.1 to 1 |
| 7 | `#26446b` | `oklch(38.36% 0.0756 255.76)` | Nightlife | white, 9.8 to 1 |
| 8 | `#2c4d76` | `oklch(41.43% 0.0798 255.26)` | Mykonos Reflection | white, 8.6 to 1 |
| 9 | `#325581` | `oklch(44.48% 0.0840 254.75)` | Overtake | white, 7.6 to 1 |
| 10 | `#375e8d` | `oklch(47.45% 0.0880 254.24)` | Luxurious Blue | white, 6.6 to 1 |
| 11 | `#3c6697` | `oklch(50.23% 0.0918 253.75)` | Too Blue | white, 5.9 to 1 |
| 12 | `#416da1` | `oklch(52.76% 0.0953 253.27)` | Star Sapphire | white, 5.3 to 1 |
| 13 | `#4574a9` | `oklch(54.94% 0.0983 252.83)` | Song of the Sea | white, 4.8 to 1 |
| 14 | `#4879b0` | `oklch(56.69% 0.1007 252.44)` | Viennese Blue | black, 4.6 to 1 |
| 15 | `#4b7db5` | `oklch(57.94% 0.1024 252.10)` | Azul Pavo Real | black, 4.9 to 1 |
| 16 | `#4c7fb7` | `oklch(58.59% 0.1032 251.82)` | Fisher King | black, 5 to 1 |
| 17 | `#4b7fb7` | `oklch(58.56% 0.1032 251.61)` | Fisher King | black, 5 to 1 |
| 18 | `#497db4` | `oklch(57.86% 0.1022 251.46)` | Steel Blue | black, 4.8 to 1 |
| 19 | `#4779af` | `oklch(56.56% 0.1004 251.35)` | Sleep | black, 4.6 to 1 |
| 20 | `#4374a8` | `oklch(54.75% 0.0979 251.28)` | Blue Triumph | white, 4.8 to 1 |
| 21 | `#3e6d9f` | `oklch(52.51% 0.0949 251.24)` | Star Sapphire | white, 5.3 to 1 |
| 22 | `#396695` | `oklch(49.92% 0.0913 251.24)` | Too Blue | white, 6 to 1 |
| 23 | `#335e8a` | `oklch(47.08% 0.0874 251.26)` | Moroccan Resort | white, 6.7 to 1 |
| 24 | `#2d557f` | `oklch(44.06% 0.0832 251.30)` | Overtake | white, 7.7 to 1 |
| 25 | `#274c73` | `oklch(40.94% 0.0789 251.35)` | Mykonos Reflection | white, 8.8 to 1 |
| 26 | `#214468` | `oklch(37.82% 0.0746 251.42)` | Lucidity | white, 10 to 1 |
| 27 | `#1b3c5d` | `oklch(34.77% 0.0705 251.48)` | Poseidon | white, 11.3 to 1 |
| 28 | `#163453` | `oklch(31.89% 0.0665 251.55)` | Incremental Blue | white, 12.7 to 1 |
| 29 | `#112d4a` | `oklch(29.25% 0.0629 251.61)` | Midnight Ocean | white, 13.9 to 1 |
| 30 | `#0d2742` | `oklch(26.93% 0.0597 251.66)` | Cool Balaclavas Are Forever | white, 15 to 1 |
| 31 | `#0a233c` | `oklch(25.03% 0.0571 251.69)` | Celestial Canvas | white, 15.9 to 1 |
| 32 | `#081f37` | `oklch(23.62% 0.0551 251.71)` | Trapped Darkness | white, 16.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #0e203b 0.0%, #10233f 3.2%, #132845 6.5%, #172e4d 9.7%, #1c3556 12.9%, #213c60 16.1%, #26446b 19.4%, #2c4d76 22.6%, #325581 25.8%, #375e8d 29.0%, #3c6697 32.3%, #416da1 35.5%, #4574a9 38.7%, #4879b0 41.9%, #4b7db5 45.2%, #4c7fb7 48.4%, #4b7fb7 51.6%, #497db4 54.8%, #4779af 58.1%, #4374a8 61.3%, #3e6d9f 64.5%, #396695 67.7%, #335e8a 71.0%, #2d557f 74.2%, #274c73 77.4%, #214468 80.6%, #1b3c5d 83.9%, #163453 87.1%, #112d4a 90.3%, #0d2742 93.5%, #0a233c 96.8%, #081f37 100.0%);
background: linear-gradient(90deg in oklch, oklch(24.41% 0.0565 258.05) 0.0%, oklch(25.79% 0.0584 257.80) 3.2%, oklch(27.66% 0.0609 257.49) 6.5%, oklch(29.93% 0.0641 257.12) 9.7%, oklch(32.53% 0.0676 256.70) 12.9%, oklch(35.37% 0.0715 256.25) 16.1%, oklch(38.36% 0.0756 255.76) 19.4%, oklch(41.43% 0.0798 255.26) 22.6%, oklch(44.48% 0.0840 254.75) 25.8%, oklch(47.45% 0.0880 254.24) 29.0%, oklch(50.23% 0.0918 253.75) 32.3%, oklch(52.76% 0.0953 253.27) 35.5%, oklch(54.94% 0.0983 252.83) 38.7%, oklch(56.69% 0.1007 252.44) 41.9%, oklch(57.94% 0.1024 252.10) 45.2%, oklch(58.59% 0.1032 251.82) 48.4%, oklch(58.56% 0.1032 251.61) 51.6%, oklch(57.86% 0.1022 251.46) 54.8%, oklch(56.56% 0.1004 251.35) 58.1%, oklch(54.75% 0.0979 251.28) 61.3%, oklch(52.51% 0.0949 251.24) 64.5%, oklch(49.92% 0.0913 251.24) 67.7%, oklch(47.08% 0.0874 251.26) 71.0%, oklch(44.06% 0.0832 251.30) 74.2%, oklch(40.94% 0.0789 251.35) 77.4%, oklch(37.82% 0.0746 251.42) 80.6%, oklch(34.77% 0.0705 251.48) 83.9%, oklch(31.89% 0.0665 251.55) 87.1%, oklch(29.25% 0.0629 251.61) 90.3%, oklch(26.93% 0.0597 251.66) 93.5%, oklch(25.03% 0.0571 251.69) 96.8%, oklch(23.62% 0.0551 251.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.244 | 0.056 | 258 |
| 2 | 0.587 | 0.103 | 251.7 |
| 3 | 0.236 | 0.055 | 251.7 |

## In these collections

- [Wallpaper gradients](https://grabient.com/wallpaper-gradients)

## Other forms

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