# Light UI gradients

Quiet color supports app surfaces and panels, while shaped ramps add emphasis to empty states and decorative feature backgrounds.

- Page: https://grabient.com/light-ui-gradients
- Palettes: 13
- Tags: light, ui, gradients, interface, backgrounds, app design
- Collected by: Grabient
- Updated: 2026-10-03

## Palettes

1. [Stone and blue color palette](https://grabient.com/kUwRm5aos-_UHvt9gj6A?steps=32): linear gradient, `#a5b2c8` `#a6b3c9` `#a8b5ca` `#a9b7cc` `#acbacf` `#aebdd1` `#b1c0d3` `#b3c2d6` `#b6c5d8` `#b9c8db` `#bbcbdd` `#becedf` `#c1d0e1` `#c3d3e3` `#c6d6e5` `#c9d8e7` `#ccdbea` `#cfdeeb` `#d2e0ed` `#d5e3ef` `#d8e5f1` `#dbe8f2` `#deeaf4` `#e1edf5` `#e4eff7` `#e7f1f8` `#ebf4f9` `#eef6fb` `#f1f8fc` `#f4f9fd` `#f6fbfd` `#f8fcfe`
2. [Gold color palette](https://grabient.com/kU1UFAeiTA_KoQNoIL7A?style=radialGradient&steps=48&angle=20): radial gradient, `#e1c885` `#e2ca87` `#e4cc88` `#e6ce8a` `#e9d18c` `#ebd58f` `#eed891` `#f1dc94` `#f4df96` `#f7e399` `#fae69b` `#fce99e` `#ffeca0` `#ffefa9` `#fff1b1` `#fff3b6` `#fff4b8` `#fff4b8` `#fff4b5` `#fff4af` `#fff4a6` `#fef39f` `#fcf29d` `#faf19b` `#f8f099` `#f5ee97` `#f3ec95` `#f1eb93` `#eee991` `#ece78f` `#eae68d` `#e8e48c` `#e7e28a` `#e6e189` `#e4df88` `#e3dc87` `#e1da86` `#e0d885` `#dfd584` `#ddd384` `#dcd183` `#dbce82` `#dacc82` `#d8ca81` `#d7c881` `#d6c781` `#d5c580` `#d4c480`
3. [Sage light ui palette](https://grabient.com/kUrT5q26LA3KXwXjIr7g?style=angularGradient&steps=48&angle=120): angular gradient, `#72a87c` `#72a87d` `#71a97d` `#71a97d` `#70aa7e` `#6faa7e` `#6fab7f` `#6eab7f` `#6dac80` `#6dad81` `#6cae82` `#6caf83` `#6cb084` `#6cb286` `#6db489` `#6eb68b` `#70b88e` `#73ba92` `#77be97` `#7bc19c` `#80c6a2` `#85caa8` `#8bceae` `#91d3b4` `#97d7ba` `#9ddcc0` `#a2e0c6` `#a7e3cb` `#ace7cf` `#b0e9d3` `#b2ebd6` `#b4edd8` `#b4edd8` `#b3edd7` `#b2ecd6` `#afead4` `#abe8d0` `#a7e6cd` `#a2e3c8` `#9ee0c4` `#98ddbf` `#93d9ba` `#8fd6b6` `#8ad3b1` `#86d0ad` `#82cea9` `#7fcca6` `#7dcaa4`
4. [Crimson and orange color palette](https://grabient.com/kSpUUSZaTBfKbQe?steps=32&angle=135): linear gradient, `#c27871` `#c47972` `#c77b74` `#ca7e75` `#cd8077` `#d08379` `#d4867a` `#d88a7d` `#dc8d7f` `#e09081` `#e49483` `#e89885` `#ec9b87` `#ef9f89` `#f2a28b` `#f5a58d` `#f7a88f` `#f9ac91` `#fbaf93` `#fdb295` `#feb598` `#ffb99a` `#ffbd9e` `#ffc0a2` `#ffc4a5` `#ffc7a9` `#ffcaac` `#ffccaf` `#ffcfb2` `#ffd1b5` `#ffd3b7` `#ffd5b9`
5. [Periwinkle and pale lavender light ui palette](https://grabient.com/kUwVfK6C9A2WtwVeKEEg?style=radialGradient&steps=48&angle=300): radial gradient, `#a9a6fa` `#aaa6fb` `#aba7fc` `#ada8fe` `#aea9ff` `#b0abff` `#b3acff` `#b5aeff` `#b7b0ff` `#b9b1ff` `#bbb3ff` `#bdb4ff` `#bfb6ff` `#c1b7ff` `#c3b8ff` `#c4b8ff` `#c5b8ff` `#c6b8ff` `#c7b8ff` `#c8b8ff` `#c9b7ff` `#c9b7ff` `#cab6ff` `#cab5ff` `#cbb4ff` `#ccb3ff` `#ccb1ff` `#cdb0ff` `#cdaeff` `#cdadff` `#ceabff` `#ceaaff` `#cfa8fe` `#cea7fc` `#cea6fa` `#cea4f7` `#cda3f5` `#cca2f2` `#cba0ef` `#cb9fec` `#ca9dea` `#c99ce7` `#c89ae5` `#c799e2` `#c698e0` `#c697de` `#c596dd` `#c596db`
6. [Blue and turquoise light ui palette](https://grabient.com/kU6iSc4xtA9Giwfgmz7A?style=angularGradient&steps=48&angle=210): angular gradient, `#c1edfc` `#bfecfb` `#bceafa` `#b9e8f8` `#b6e5f6` `#b2e3f4` `#aee0f2` `#a9ddf0` `#a5daee` `#a0d6eb` `#9cd3e9` `#97d0e7` `#93cce5` `#8ec9e2` `#8ac6e0` `#86c3de` `#83c0dd` `#7fbddb` `#7bb9d9` `#77b6d7` `#73b2d4` `#6faed2` `#6caad0` `#68a7ce` `#65a3cc` `#629fca` `#5f9cc8` `#5d99c7` `#5b97c5` `#5a95c4` `#5993c3` `#5993c3` `#5992c3` `#5a93c3` `#5b94c4` `#5d96c5` `#6099c7` `#639cc9` `#669fcb` `#6aa2cd` `#6da6cf` `#71a9d1` `#75add3` `#78b0d5` `#7bb3d7` `#7eb5d8` `#81b7d9` `#83b9da`
7. [Pale lavender and pale blush color palette](https://grabient.com/kS7yHZVCZCXKXw2?style=radialGradient&steps=48&angle=180): radial gradient, `#f1e6ff` `#efe3ff` `#eedfff` `#ecdbfe` `#e8d6fb` `#e5d2f8` `#e2cdf5` `#dec7f1` `#dac1ed` `#d6bce9` `#d2b6e5` `#ceb0e0` `#caaadc` `#c7a4d8` `#c39ed3` `#c099cf` `#bd93cb` `#ba8ec7` `#b88ac3` `#b686c0` `#b483bd` `#b380ba` `#b37eb8` `#b37cb6` `#b47bb5` `#b57cb5` `#b77cb4` `#b97eb5` `#bc80b5` `#c083b6` `#c386b8` `#c789b9` `#cb8dbb` `#d092bd` `#d496c0` `#d99bc2` `#dda0c5` `#e2a5c8` `#e6aacb` `#eaafce` `#eeb4d1` `#f2b9d4` `#f6bdd6` `#f9c1d9` `#fcc5db` `#ffc8de` `#ffccdf` `#ffcfe0`
8. [Pale rose butter haze](https://grabient.com/kWwnb5ZqxA-wXRBvGUd7iFBg?steps=5&angle=210): linear gradient, `#fd83c0` `#ff9ebf` `#f4c0b3` `#e2d6a2` `#d5d993`
9. [Pale lemon blush fade](https://grabient.com/kW-kJNfKa__ypv77oj-7BY1o): linear gradient, `#feffbe` `#feffaf` `#fffead` `#fffdbe` `#fbffc9` `#ffe6c0` `#f3bfbf`
10. [Blush to icy blue gradient](https://grabient.com/kU5i338o-9nGOuNyFD3A?steps=12&angle=135): linear gradient, `#ffd1e7` `#fdd1e8` `#f8d3ea` `#f3d4eb` `#edd6ee` `#e4d7f3` `#dbd9f6` `#d2dbf7` `#cdddf9` `#c9defc` `#c5e0ff` `#c4e1ff`
11. [Warm ivory aqua haze](https://grabient.com/kU8QzjeooxPsMNr3Ba-g?angle=225): linear gradient, `#f3ebf5` `#e9f1ff` `#dffaf9` `#e5fcec` `#f3f8df` `#ffebe3` `#f2e6ed`
12. [Blush cream sage prism](https://grabient.com/kazxzZ7gsvHOXuDvmLkaBs4meQOZvhjAA?steps=9&angle=225): linear gradient, `#c8bdd7` `#b9d5d5` `#d4e2c0` `#f7ddae` `#ffc9b6` `#efb4cc` `#d0b5dd` `#b6c9de` `#d0dad1`
13. [Blue and gold lemon blossom veranda palette](https://grabient.com/kYbCe1w56_ViavzqCj08IqyuoXvg?steps=32): linear gradient, `#3a506c` `#3b5371` `#3c5777` `#3d5c80` `#3f6188` `#416891` `#446e9a` `#4975a1` `#4f7da9` `#5886b1` `#608eb9` `#6a97c0` `#72a0c6` `#7ba8ca` `#87afce` `#93b7d1` `#9ebed3` `#a9c4d4` `#b2cad5` `#b8cfd6` `#bed4d5` `#c3d8d3` `#cadbd0` `#d1dccc` `#d7dcc8` `#dbdbc5` `#ddd9bf` `#ddd6b8` `#dcd2af` `#dacea6` `#d8cb9e` `#d7c899`

## Other forms

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