# Blue wallpaper palette

The Blue wallpaper palette brings together light blue and blue. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is blue, and its lightest tone is light blue.

- Also called: Muted monochrome light blue to navy radial gradient
- Seed: `kS2yGuyRdA6qQwI`
- Page: https://grabient.com/kS2yGuyRdA6qQwI?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, muted, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#bad6ee` | `oklch(86.22% 0.0455 245.39)` | Summer Birthday | black, 13.8 to 1 |
| 2 | `#b6d2eb` | `oklch(85.17% 0.0462 245.70)` | Modern Blue | black, 13.4 to 1 |
| 3 | `#b2cee8` | `oklch(83.88% 0.0472 246.09)` | Morality | black, 12.8 to 1 |
| 4 | `#adc9e4` | `oklch(82.40% 0.0484 246.54)` | Blue Veil | black, 12.2 to 1 |
| 5 | `#a7c4df` | `oklch(80.73% 0.0497 247.05)` | Utterly Blue | black, 11.5 to 1 |
| 6 | `#a1beda` | `oklch(78.91% 0.0512 247.60)` | Ice Cave | black, 10.8 to 1 |
| 7 | `#9ab8d5` | `oklch(76.97% 0.0527 248.19)` | Novella Blue | black, 10.1 to 1 |
| 8 | `#94b1cf` | `oklch(74.93% 0.0543 248.81)` | Innocent Blue | black, 9.4 to 1 |
| 9 | `#8dabc9` | `oklch(72.82% 0.0559 249.45)` | Bachelor Blue | black, 8.7 to 1 |
| 10 | `#86a4c4` | `oklch(70.67% 0.0575 250.09)` | Windy City | black, 8 to 1 |
| 11 | `#7f9dbe` | `oklch(68.50% 0.0589 250.74)` | Washed Denim | black, 7.4 to 1 |
| 12 | `#7896b8` | `oklch(66.34% 0.0603 251.37)` | Ocean City | black, 6.8 to 1 |
| 13 | `#7290b2` | `oklch(64.22% 0.0614 251.98)` | Allure | black, 6.3 to 1 |
| 14 | `#6c89ac` | `oklch(62.16% 0.0623 252.57)` | Pale Flower | black, 5.8 to 1 |
| 15 | `#6683a6` | `oklch(60.20% 0.0630 253.12)` | Moody Indigo | black, 5.3 to 1 |
| 16 | `#617ea1` | `oklch(58.35% 0.0633 253.62)` | Smoky Violet | black, 4.9 to 1 |
| 17 | `#5c789b` | `oklch(56.62% 0.0633 254.07)` | Quiet Harbour | black, 4.6 to 1 |
| 18 | `#587396` | `oklch(54.87% 0.0630 254.50)` | Clean Slate | white, 4.8 to 1 |
| 19 | `#536e90` | `oklch(53.08% 0.0623 254.93)` | Charter Blue | white, 5.2 to 1 |
| 20 | `#4f698a` | `oklch(51.26% 0.0614 255.36)` | Revel Blue | white, 5.6 to 1 |
| 21 | `#4b6384` | `oklch(49.44% 0.0603 255.77)` | Luxe Blue | white, 6.1 to 1 |
| 22 | `#475e7e` | `oklch(47.63% 0.0589 256.17)` | Parlour Blue | white, 6.6 to 1 |
| 23 | `#435978` | `oklch(45.85% 0.0575 256.55)` | Newburyport | white, 7.1 to 1 |
| 24 | `#3f5472` | `oklch(44.10% 0.0559 256.92)` | Champlain Blue | white, 7.7 to 1 |
| 25 | `#3b4f6c` | `oklch(42.42% 0.0543 257.28)` | Ensign Blue | white, 8.3 to 1 |
| 26 | `#384b66` | `oklch(40.80% 0.0527 257.61)` | Deep Royal | white, 8.9 to 1 |
| 27 | `#344761` | `oklch(39.27% 0.0512 257.93)` | Spelunking | white, 9.5 to 1 |
| 28 | `#31435c` | `oklch(37.84% 0.0497 258.22)` | Moonlit Ocean | white, 10 to 1 |
| 29 | `#2f3f58` | `oklch(36.53% 0.0484 258.49)` | Winter Sea | white, 10.6 to 1 |
| 30 | `#2c3c54` | `oklch(35.35% 0.0472 258.73)` | Madison | white, 11.1 to 1 |
| 31 | `#2a3951` | `oklch(34.33% 0.0462 258.94)` | Cool Air of Debonair | white, 11.6 to 1 |
| 32 | `#28374e` | `oklch(33.46% 0.0455 259.13)` | Cool Air of Debonair | white, 12 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #bad6ee 0.0%, #b6d2eb 3.2%, #b2cee8 6.5%, #adc9e4 9.7%, #a7c4df 12.9%, #a1beda 16.1%, #9ab8d5 19.4%, #94b1cf 22.6%, #8dabc9 25.8%, #86a4c4 29.0%, #7f9dbe 32.3%, #7896b8 35.5%, #7290b2 38.7%, #6c89ac 41.9%, #6683a6 45.2%, #617ea1 48.4%, #5c789b 51.6%, #587396 54.8%, #536e90 58.1%, #4f698a 61.3%, #4b6384 64.5%, #475e7e 67.7%, #435978 71.0%, #3f5472 74.2%, #3b4f6c 77.4%, #384b66 80.6%, #344761 83.9%, #31435c 87.1%, #2f3f58 90.3%, #2c3c54 93.5%, #2a3951 96.8%, #28374e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(86.22% 0.0455 245.39) 0.0%, oklch(85.17% 0.0462 245.70) 3.2%, oklch(83.88% 0.0472 246.09) 6.5%, oklch(82.40% 0.0484 246.54) 9.7%, oklch(80.73% 0.0497 247.05) 12.9%, oklch(78.91% 0.0512 247.60) 16.1%, oklch(76.97% 0.0527 248.19) 19.4%, oklch(74.93% 0.0543 248.81) 22.6%, oklch(72.82% 0.0559 249.45) 25.8%, oklch(70.67% 0.0575 250.09) 29.0%, oklch(68.50% 0.0589 250.74) 32.3%, oklch(66.34% 0.0603 251.37) 35.5%, oklch(64.22% 0.0614 251.98) 38.7%, oklch(62.16% 0.0623 252.57) 41.9%, oklch(60.20% 0.0630 253.12) 45.2%, oklch(58.35% 0.0633 253.62) 48.4%, oklch(56.62% 0.0633 254.07) 51.6%, oklch(54.87% 0.0630 254.50) 54.8%, oklch(53.08% 0.0623 254.93) 58.1%, oklch(51.26% 0.0614 255.36) 61.3%, oklch(49.44% 0.0603 255.77) 64.5%, oklch(47.63% 0.0589 256.17) 67.7%, oklch(45.85% 0.0575 256.55) 71.0%, oklch(44.10% 0.0559 256.92) 74.2%, oklch(42.42% 0.0543 257.28) 77.4%, oklch(40.80% 0.0527 257.61) 80.6%, oklch(39.27% 0.0512 257.93) 83.9%, oklch(37.84% 0.0497 258.22) 87.1%, oklch(36.53% 0.0484 258.49) 90.3%, oklch(35.35% 0.0472 258.73) 93.5%, oklch(34.33% 0.0462 258.94) 96.8%, oklch(33.46% 0.0455 259.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.862 | 0.045 | 245.4 |
| 2 | 0.575 | 0.063 | 253.8 |
| 3 | 0.335 | 0.045 | 259.1 |

## In these collections

- [Color trends 2027 swatches](https://grabient.com/color-trends-2027-swatches)
- [Wallpaper gradients](https://grabient.com/wallpaper-gradients)

## Other forms

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