# Light blue gradients

Sky, ice and baby blues, pale and clear.

![Light blue gradients: a collection of color palettes](https://grabient.com/light-blue-gradients.png?t=1793973636253)

- Page: https://grabient.com/light-blue-gradients
- Palettes: 20
- Color: `#add8e6` `rgb(173 216 230)` `hsl(195 53% 79%)` `oklch(85.6% 0.049 219.7)`
- Tags: light blue, sky blue, ice blue, baby blue, pastel blue
- Collected by: Grabient
- Updated: 2026-11-06

## Palettes

1. [Blue and pale lavender color palette](https://grabient.com/kUzkiw66E-e4YQltnUXg?steps=5&angle=45): linear gradient, `#8dc7ff` `#8ed4ff` `#a4d8ff` `#c0d3ff` `#dfc5fc`
2. [Ice to sky blue](https://grabient.com/kCej0_W_4PsY7F8g?steps=32&angle=135): linear gradient, `#e8f4fd` `#e7f3fd` `#e5f2fd` `#e3f2fd` `#e0f1fd` `#deeffd` `#dbeefd` `#d9edfd` `#d6ebfd` `#d3eafc` `#d0e9fc` `#cde7fc` `#cae5fc` `#c6e4fc` `#c3e2fb` `#c0e1fb` `#bedffb` `#badefa` `#b7dcfa` `#b4daf9` `#b0d8f9` `#acd6f8` `#a9d4f7` `#a5d2f7` `#a1d0f6` `#9ecef5` `#9bccf5` `#97caf4` `#95c9f3` `#92c7f3` `#90c6f2` `#8ec5f2`
3. [Off-white, sky blue and sage color palette](https://grabient.com/kU_gGD-ZHCmsTv5gjT3g): linear gradient, `#ffffff` `#ebffff` `#d1f9ff` `#b5eaf2` `#a3d6db` `#9bc5c5` `#98b9b5`
4. [Morning sky](https://grabient.com/kEfD5_265v0X3T_BOL34A?steps=32&angle=135): linear gradient, `#f0f9ff` `#edf8ff` `#e9f6ff` `#e5f5ff` `#e0f3ff` `#daf1ff` `#d4effe` `#ceedfe` `#c8ebfe` `#c2e9fd` `#bce7fd` `#b6e5fd` `#b1e3fd` `#abe1fd` `#a5dffd` `#9fdefd` `#99dcfd` `#93dafd` `#8dd8fc` `#87d6fc` `#81d4fc` `#7bd2fc` `#75d0fc` `#6ecefb` `#67cbfb` `#5fc9fa` `#58c7fa` `#51c4f9` `#4ac2f9` `#43c0f9` `#3dbef8` `#38bdf8`
5. [Blue light mode palette](https://grabient.com/kU6B-tZqG_1uuwHTNsCA?style=linearSwatches&steps=6&angle=0): linear swatches, `#cbe6fd` `#a6d5fa` `#7fc2f5` `#63b1f2` `#4da0ed` `#4193e8`
6. [White to baby blue](https://grabient.com/kCP4Ap7rdn0NPo-A?steps=32&angle=135): linear gradient, `#ffffff` `#fefeff` `#fcfeff` `#fafdfe` `#f8fcfe` `#f5fbfe` `#f2f9fe` `#f0f8fd` `#edf7fd` `#eaf5fd` `#e7f4fc` `#e4f3fc` `#e1f1fc` `#ddf0fb` `#daeefb` `#d7edfa` `#d5ebfa` `#d1eaf9` `#cee8f9` `#cbe6f8` `#c7e4f7` `#c4e2f6` `#c0e0f6` `#bddef5` `#b9dcf4` `#b6daf3` `#b3d8f3` `#b0d6f2` `#add5f1` `#abd3f1` `#a9d2f0` `#a7d1f0`
7. [Sky Blue into Lilac](https://grabient.com/kUq1GrW6vAF4mwbdokQA?steps=21&angle=45): linear gradient, `#4f9fd4` `#4fa0d6` `#50a2d9` `#50a5dd` `#51a8e0` `#53aae4` `#56ace7` `#5aaeea` `#5eafeb` `#64afec` `#6aafed` `#70afed` `#76aeed` `#7caeed` `#83aced` `#8baaec` `#93a8eb` `#9aa5e8` `#a1a3e6` `#a6a1e3` `#aa9fe1`
8. [Powder blue](https://grabient.com/kCc_o72o2OoX-41g?steps=32&angle=135): linear gradient, `#cfe8ef` `#cee7ef` `#cce7ef` `#cae6ee` `#c8e5ee` `#c5e5ee` `#c3e4ee` `#c0e3ee` `#bde2ee` `#bbe1ed` `#b8e0ed` `#b5deed` `#b2ddec` `#afdcec` `#acdaeb` `#a9d9ea` `#a7d7ea` `#a4d5e9` `#a1d3e7` `#9ed1e6` `#9bcfe5` `#98cde3` `#94cae2` `#91c8e0` `#8ec5de` `#8cc3dd` `#89c1db` `#86beda` `#84bcd9` `#82bbd8` `#80b9d7` `#7fb8d6`
9. [Mint, pale periwinkle and blush color palette](https://grabient.com/kW0Dp17B1GfAdR7znUXeJZGY?steps=32&angle=135): linear gradient, `#92d5b7` `#8fd6bc` `#8cd7c3` `#8ad8cb` `#89dad3` `#89dadc` `#8adbe5` `#8edbed` `#92dbf4` `#99dafa` `#a1d9ff` `#aed7ff` `#b8d6ff` `#c1d5ff` `#c9d4ff` `#d0d3ff` `#d7d3ff` `#ddd2ff` `#e3d1ff` `#e9d0ff` `#f0cfff` `#f7cdff` `#fdcdfc` `#ffd0f5` `#ffd3ee` `#ffd7ea` `#ffdbe6` `#ffdee4` `#ffe1e4` `#ffe4e3` `#ffe7e4` `#ffe8e4`
10. [Pale aqua](https://grabient.com/kCeD3-my6_IYDe6g?steps=32&angle=135): linear gradient, `#e0f7fa` `#def7fa` `#dcf6f9` `#daf5f9` `#d8f5f9` `#d5f4f8` `#d2f3f8` `#cff2f7` `#cbf2f6` `#c8f1f6` `#c5f0f5` `#c1eff5` `#beeef4` `#baedf3` `#b7ecf3` `#b4ebf2` `#b0ebf2` `#adeaf1` `#aae9f1` `#a6e8f0` `#a3e7ef` `#9fe6ef` `#9be5ee` `#98e4ee` `#94e3ed` `#91e2ec` `#8de1ec` `#8ae0eb` `#87e0eb` `#84dfeb` `#82deea` `#80deea`
11. [Stone blue palette](https://grabient.com/kQ4RjAYQ6_g?steps=6&angle=180): linear gradient, `#d1d9f0` `#cad3eb` `#c1cae3` `#b6c1da` `#adb8d2` `#a7b2cd`
12. [Light blue to sky blue](https://grabient.com/kG_H4_KY6nV7jbbnmMzndwveB1A?style=linearSwatches&steps=5): linear swatches, `#f1f8fc` `#d4eaf7` `#b6dcf3` `#99ceee` `#7bc0ea`
13. [Pale aqua and blue cool palette](https://grabient.com/kU-Bh58hnBuafxFZJ8NA?style=radialSwatches&steps=6&angle=225): radial swatches, `#e2fff4` `#c3f6e9` `#9ce8e4` `#84d4e8` `#72bbe6` `#6aa3e0`
14. [Ice and periwinkle](https://grabient.com/kEe72-3G3vEaPE6BucPyA?steps=32&angle=135): linear gradient, `#eef6fb` `#ecf5fa` `#e9f3fa` `#e5f1f9` `#e1eff8` `#ddecf7` `#d8e9f6` `#d4e7f4` `#cfe4f3` `#cbe1f2` `#c7dff1` `#c3dcf0` `#bfdaef` `#bbd7ee` `#b7d4ed` `#b3d1ec` `#afceea` `#abcbe9` `#a8c9e9` `#a5c7e8` `#a4c5e8` `#a3c4e8` `#a3c3e9` `#a4c2ea` `#a7c2eb` `#a9c2ec` `#acc2ee` `#afc2ef` `#b2c2f0` `#b5c3f1` `#b7c3f2` `#b9c3f2`
15. [Pale aqua cyan gradient](https://grabient.com/kY7xWM9BpBuafwVYJEDVa1AF-zvw?angle=45): linear gradient, `#d6f2f2` `#b2f2fe` `#8ddaf2` `#69b8da` `#48a2ce` `#29a6d9` `#05c0f2`
16. [Sky to periwinkle](https://grabient.com/kEdnw_2j1f8YPJ9Bj5PgA?steps=32&angle=135): linear gradient, `#d9f0ff` `#d6eeff` `#d1ecff` `#cceaff` `#c6e7ff` `#c0e4ff` `#bae1ff` `#b4deff` `#afdbff` `#a9d8ff` `#a4d6ff` `#a0d4ff` `#9dd2fe` `#99d2fd` `#96d1fc` `#92d0fb` `#8fd0fa` `#8ccff8` `#89cef7` `#87cdf6` `#84cbf5` `#82c8f4` `#81c4f3` `#80bff2` `#80baf1` `#82b3f0` `#84adee` `#86a7eb` `#89a1e8` `#8b9be5` `#8e96e2` `#8f93e0`
17. [Pale blue and pale lavender light multicolor](https://grabient.com/ka9wymdY-_3EVPhymLzdA9BPKNyF1EMNA?steps=32&angle=135): linear gradient, `#ecf8ff` `#e8f6ff` `#e2f4ff` `#dbf1ff` `#d3efff` `#ccecff` `#c6eafd` `#c0e8fb` `#bbe7f9` `#b6e5f7` `#b1e5f4` `#ade5f2` `#aae7f0` `#a8e9ee` `#a8eceb` `#a9ede9` `#aceee8` `#b1eee8` `#b7ede8` `#bdedea` `#c1ecec` `#c4ebef` `#c6e9f2` `#c9e6f5` `#cde2f7` `#d1dff8` `#d6def8` `#daddf9` `#dfddfb` `#e3defd` `#e6deff` `#e9dfff`
18. [Mint blue and green palette](https://grabient.com/kW7xin75i_2adv3wEzi5iA-o?style=linearSwatches&steps=5): linear swatches, `#d7f0ff` `#acdffd` `#88caeb` `#b7e4d2` `#8dd0aa`
19. [Mint, turquoise and pale blue happy palette](https://grabient.com/kS0FBw369JHsEv-?style=linearSwatches&steps=3): linear swatches, `#82daa9` `#4dbbf5` `#edf6fc`
20. [Mint, aqua and pale blue color palette](https://grabient.com/kS0Dpq8pnDPoOwy?style=radialGradient&steps=32&angle=45): radial gradient, `#9fd3a8` `#9fd4aa` `#a0d5ad` `#a0d7b0` `#a0d9b3` `#a1dbb6` `#a1ddba` `#a2dfbd` `#a3e1c1` `#a3e3c5` `#a4e5c9` `#a6e7cd` `#a7e9d1` `#a8ebd5` `#aaecd9` `#abeedc` `#adefdf` `#aff0e2` `#b1f1e5` `#b4f2e8` `#b7f3eb` `#baf4ee` `#bdf5f1` `#c0f6f3` `#c3f7f5` `#c6f7f7` `#c9f8f9` `#ccf9fb` `#cef9fc` `#d0fafd` `#d2fafe` `#d4faff`

## Other forms

- [JSON](https://grabient.com/light-blue-gradients.json)
- [ASE](https://grabient.com/light-blue-gradients.ase)
- [GPL](https://grabient.com/light-blue-gradients.gpl)
- [GRD](https://grabient.com/light-blue-gradients.grd)
- [Design tokens](https://grabient.com/light-blue-gradients.tokens.json)
- [Sheet](https://grabient.com/light-blue-gradients.png?t=1793973636253)
- [Sheet as SVG](https://grabient.com/light-blue-gradients.svg)
- [CSS](https://grabient.com/light-blue-gradients.css)
- [Image](https://grabient.com/api/png/collection?slug=light-blue-gradients)
- [Social card](https://grabient.com/api/og/collection?slug=light-blue-gradients&v=k4)
- [More collections](https://grabient.com/collections)
- [Guide for agents](https://grabient.com/llms.txt)