# Blue and mauve gradients

Blue, mauve, lilac, and pink run from pale tints through muted midtones to navy, plum, and slate.

- Page: https://grabient.com/blue-and-mauve-gradients
- Palettes: 21
- Tags: blue, mauve, pink, lilac, navy, plum, muted
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Analogous purple, pink and light blue](https://grabient.com/kWoHXpYDpBm-fP_5DT2cJM5w?steps=32&angle=315): linear gradient, `#bb61ba` `#c063bc` `#c666be` `#ce6ac0` `#d76fc3` `#df73c6` `#e779c8` `#ee7fcb` `#f385ce` `#f78dd1` `#fa95d4` `#fc9dd7` `#fea6da` `#feaede` `#ffb6e1` `#ffbee5` `#ffc4e9` `#ffcbed` `#ffd2f1` `#ffd8f5` `#ffddf8` `#fee2fb` `#fde5fd` `#fce8fe` `#f9e8ff` `#f5e7ff` `#efe5ff` `#e8e2ff` `#e0dfff` `#d8dcff` `#d1dafe` `#cbd9fd`
2. [Monochrome blue to gray](https://grabient.com/kYhEixzaW_VscP_jBcHX4bQ9MIOK?steps=32&angle=180): linear gradient, `#376c9f` `#396fa3` `#3a73a7` `#3c78ac` `#3e7eb2` `#4283b7` `#4788bc` `#4d8ec0` `#5393c4` `#5b99c8` `#639ecc` `#6ca3ce` `#76a8d0` `#7fabd1` `#89afcf` `#93b2cc` `#9eb5c9` `#a7b7c5` `#aeb7c3` `#b3b7c0` `#b7b7bf` `#bab5bc` `#bcb2b7` `#bdb0b1` `#bbadaa` `#b8aba5` `#b4a6a0` `#b0a09c` `#ab9999` `#a59397` `#9f8e95` `#9a8b94`
3. [Gray to navy](https://grabient.com/kW5QsP4Yu-sYKuetkzkKRq94?style=radialGradient&steps=32&angle=45): radial gradient, `#e9dbda` `#e6d7d6` `#e3d2d2` `#e0cdcc` `#dcc7c6` `#d7c0c0` `#d2b9b9` `#ccb1b3` `#c5aaad` `#bda2a7` `#b39aa1` `#a9919a` `#9e8993` `#93808d` `#887886` `#7f707f` `#75697a` `#6b6174` `#615a6f` `#57536a` `#4c4c65` `#424661` `#38415d` `#303d59` `#293a56` `#233955` `#1e3754` `#193755` `#153755` `#123756` `#0e3656` `#0a3656`
4. [Analogous purple to blue](https://grabient.com/kWWCrqR5e6VWtvNMv0ANb5BQ?style=angularGradient&steps=32&angle=135): angular gradient, `#4a2e48` `#4e334f` `#533b58` `#584463` `#5e4e6f` `#63587c` `#686288` `#6c6b93` `#6f739d` `#717aa8` `#7180b2` `#7186bd` `#6f8cc7` `#6b91d1` `#6795d9` `#6298df` `#5b99e4` `#5599e7` `#4e97ea` `#4694eb` `#3f91ec` `#398ceb` `#3387e9` `#2e81e6` `#2b7ae2` `#2972db` `#2869d2` `#285fc9` `#2855bf` `#274cb6` `#2745ae` `#2640a9`
5. [Blue blue and mauve palette](https://grabient.com/kWNyW2pRO_iuOQwxkMVORTA4?steps=32&angle=225): linear gradient, `#091a31` `#0a1b33` `#0b1d35` `#0c2038` `#0e233b` `#10263e` `#122941` `#152b44` `#182d46` `#1c2f48` `#203049` `#24314a` `#28334a` `#2c344b` `#2f354b` `#33364c` `#36374d` `#3a384e` `#3e394f` `#423950` `#463a51` `#493a51` `#4d3b51` `#513c52` `#543e53` `#583f55` `#5b4157` `#5e435a` `#61455c` `#64475f` `#674861` `#684962`
6. [Muted duotone purple to blue](https://grabient.com/kUmTnuwRi_jiPvO7k7fA?steps=32): linear gradient, `#9f6f93` `#9d6e92` `#9a6c8f` `#98698d` `#95678a` `#916487` `#8e6283` `#8a5f80` `#865d7d` `#835b7b` `#7f5978` `#7b5777` `#785674` `#745472` `#705370` `#6c526e` `#68506c` `#654f6a` `#614f68` `#5e4e67` `#5c4e67` `#594e67` `#574e68` `#54506a` `#52516c` `#4f536f` `#4c5571` `#485873` `#455a74` `#425c75` `#3f5e75` `#3d5f75`
7. [Mauve and sky blue color palette](https://grabient.com/kYezjpyR7AVUcwFelD5YxQ4d8kPi?steps=32&angle=45): linear gradient, `#774f75` `#7a5177` `#7e547b` `#845880` `#8a5c85` `#8f618a` `#95658e` `#9a6a93` `#9f6e97` `#a5739b` `#aa779f` `#ae7ca3` `#b281a7` `#b586ab` `#b88baf` `#ba90b2` `#bc95b6` `#bd9aba` `#bd9fbf` `#bca3c4` `#baa7ca` `#b6accf` `#b1b0d4` `#abb4d7` `#a6b7da` `#a0b9db` `#9abadd` `#92b9e0` `#8ab8e2` `#81b7e4` `#79b6e6` `#73b5e7`
8. [Muted duotone blue to purple](https://grabient.com/kWtSOmTpZA0MWQS_EUYv51F4?steps=32&angle=135): linear gradient, `#85a8bc` `#82a6ba` `#7ea3b8` `#7a9fb6` `#759bb3` `#7096b0` `#6b92ac` `#678ea9` `#638aa6` `#6086a3` `#5c829f` `#597e9c` `#557a98` `#537694` `#517391` `#516f8f` `#526c8c` `#54698a` `#576687` `#5b6484` `#5e6181` `#625f7e` `#655e7b` `#675c79` `#6a5a77` `#6e5976` `#725774` `#775572` `#7c536f` `#81526c` `#845068` `#874f66`
9. [Pale blue blue and mauve palette](https://grabient.com/kSfTLl9wi0SYbys?steps=32&angle=135): linear gradient, `#745478` `#775a7f` `#7b6288` `#806d93` `#86799f` `#8c87ab` `#9495b8` `#9ca4c3` `#a6b3ce` `#b0c0d8` `#bacde1` `#c5d8e8` `#cee2ef` `#d5e9f3` `#daedf6` `#dbeff7` `#d9ecf5` `#d3e7f0` `#c9dee9` `#bdd3e0` `#afc5d5` `#a0b5c9` `#91a4bc` `#8393af` `#7680a0` `#6a6e92` `#5f5d83` `#564d74` `#4e3e66` `#473259` `#41284f` `#3c2047`
10. [Blue blue and mauve palette](https://grabient.com/kUVjC42JdIsISO_DkTuA?steps=32&angle=135): linear gradient, `#223759` `#2c3d60` `#39446a` `#484d74` `#5a5780` `#6d618b` `#806c95` `#92779e` `#a181a5` `#ad89aa` `#b58eae` `#b790af` `#b68fad` `#b18caa` `#a987a6` `#a081a0` `#957b9a` `#8a7493` `#806d8d` `#776888` `#706483` `#6c6281` `#686180` `#666180` `#646281` `#626482` `#616583` `#606784` `#5f6986` `#5f6a87` `#5e6c88` `#5e6d88`
11. [Lavender blue and mauve palette](https://grabient.com/kSlS2335pFpoQOa?steps=32&angle=135): linear gradient, `#657ea1` `#697fa4` `#6e82a8` `#7485ad` `#7b89b3` `#838eb9` `#8c92bf` `#9497c5` `#9d9bca` `#a69fcf` `#ada2d3` `#b4a5d6` `#b9a7d8` `#bca7d8` `#bda7d7` `#bca5d5` `#b8a1d0` `#b09bca` `#a694c2` `#9a8bb8` `#8d81ac` `#7e769f` `#6f6a92` `#5f5f84` `#505376` `#414868` `#343d5a` `#28334e` `#1d2a43` `#142339` `#0d1c31` `#08182b`
12. [Blue and Mauve: Sky blue and stone](https://grabient.com/kS3hOo5IvJvWHRE?style=radialGradient&steps=32&angle=0): radial gradient, `#c6d9e5` `#c6d7e4` `#c5d5e4` `#c4d3e2` `#c3d0e1` `#c2cddf` `#c1cadd` `#c0c7db` `#c0c4d9` `#bfc0d6` `#bfbdd3` `#c0bbd1` `#c0b8ce` `#c1b7cc` `#c2b5ca` `#c3b5c9` `#c5b5c8` `#c7b6c8` `#cab8c8` `#cdbaca` `#d0bdcb` `#d4c0cd` `#d7c4d0` `#dbc7d2` `#decbd5` `#e2cfd8` `#e5d3db` `#e9d7de` `#ecdae1` `#eedde3` `#f0dfe5` `#f2e1e6`
13. [Soft mauve blue center halo](https://grabient.com/kUhEix2gvM6GTs1hEsVg?style=radialGradient&steps=40&angle=0): radial gradient, `#376c9f` `#446da2` `#536fa6` `#6372a9` `#7476aa` `#847aab` `#937faa` `#9f85a9` `#a98ba7` `#b091a6` `#b596a5` `#b699a4` `#b69aa3` `#b399a0` `#ad959c` `#a48d95` `#98828d` `#8a7583` `#7a687a` `#695b6f` `#584e65` `#47425c` `#373853` `#29304a` `#1d2a44` `#14273f` `#10263e` `#112841` `#162d47` `#1f3550` `#2b3f5b` `#3a4b68` `#4a5777` `#5c6586` `#6e7395` `#8081a4` `#918eb2` `#a19abe` `#ada4c8` `#b6accf`
14. [Electric cobalt mauve beam](https://grabient.com/kU5QsQRL-xdCeyNBkblA?steps=48&angle=135): linear gradient, `#e9dbda` `#e8d5d5` `#e7cdcf` `#e5c3ca` `#e1b8c7` `#dcadc6` `#d3a2c7` `#c897ca` `#ba8ece` `#a985d2` `#967ed6` `#8179d8` `#6c74d9` `#5770d8` `#436dd6` `#326ad3` `#2668d1` `#2567d0` `#2d65cf` `#3b64ce` `#4a63cd` `#5963cc` `#6863c9` `#7664c5` `#8365c0` `#8e67ba` `#986ab4` `#9f6daf` `#a570a9` `#a973a5` `#ab75a2` `#ab779f` `#a9779e` `#a6779c` `#a3779b` `#9e769a` `#997599` `#947498` `#8e7297` `#877195` `#816f93` `#7b6d91` `#756c8f` `#706a8c` `#6b688a` `#676788` `#646685` `#616584`
15. [Navy pink diagonal bloom](https://grabient.com/kWvTTa5TPEKoWNU5kUH2BfHQ?steps=32&angle=225): linear gradient, `#b8a1d0` `#bfa1d4` `#caa2d9` `#d9a3dd` `#e9a3df` `#f7a2de` `#ff9fda` `#ff9cd6` `#f794d3` `#e089ce` `#be7cc6` `#966eb6` `#6f5fa0` `#4c5186` `#32446d` `#223a5a` `#1b3550` `#1b344c` `#1e354c` `#253950` `#2d3f56` `#36465e` `#404d67` `#4a546f` `#535a76` `#606180` `#6e698a` `#7e7295` `#8f7a9e` `#9e82a5` `#ac89aa` `#b58eae`
16. [Pink mauve cobalt fade](https://grabient.com/kSpCvsXrPAS-1N8?steps=32&angle=135): linear gradient, `#a4819e` `#a681a0` `#aa82a3` `#af84a7` `#b585aa` `#bb87af` `#c189b3` `#c88ab7` `#cf8cbb` `#d58dbf` `#db8ec3` `#df8ec6` `#e38ec9` `#e58dcb` `#e68bcd` `#e489cf` `#e086d0` `#d982d0` `#d07dd0` `#c578ce` `#b872cc` `#a96cc9` `#9a65c5` `#8a5fc0` `#7958ba` `#6952b4` `#5a4cac` `#4b47a5` `#3e429e` `#313d97` `#263a91` `#1d378d`
17. [Mauve slate pearl ribbons](https://grabient.com/kWeW242xdIz0QOV0hUxyRIuw?steps=40&angle=135): linear gradient, `#2259af` `#375bb2` `#4e60b6` `#6566b9` `#7c6dba` `#9175ba` `#a27db9` `#af86b8` `#b88eb6` `#bd93b5` `#bc95b3` `#b693b0` `#ab8daa` `#9d85a3` `#8d7b9a` `#7d7191` `#6d6888` `#616180` `#595c79` `#565b77` `#5b5d78` `#67657e` `#797188` `#8d8193` `#a393a1` `#b8a7af` `#cbbabe` `#dacbcc` `#e6d9d8` `#ece0de` `#ede0df` `#e8d9db` `#dfced3` `#d2c0cb` `#c0b1c3` `#aba3ba` `#9496b1` `#7e8ba6` `#6b839c` `#5e7d93`
18. [Dusty blue mauve glow](https://grabient.com/kaVx2uNIvHMISRPPFUC2Q2-t-LtdjnrxA?style=radialGradient&steps=13): radial gradient, `#263b4c` `#3a3f53` `#4f4759` `#675164` `#7f5d6e` `#936b7a` `#a47989` `#ad8895` `#b096a4` `#aba3b8` `#a3b0c3` `#93bbd5` `#7cc4e3`
19. [Misty mauve teal fold](https://grabient.com/kY1x3-Ywc4deMt9LEb7voxArSJTG?style=angularGradient&steps=13&angle=135): angular gradient, `#e4c2cd` `#d3becd` `#beb8c6` `#adb0be` `#96a7b6` `#819ea9` `#6f939d` `#5f8793` `#547b84` `#4f6d75` `#4c606c` `#515061` `#534752`
20. [Navy, purple, light blue and pink](https://grabient.com/kcPy3MqLjALk-v5QrT66Ri7viXut7icBcw7QA?steps=21): linear gradient, `#201b3d` `#251a4e` `#2e1666` `#38157d` `#421e90` `#4c2ea1` `#5642b2` `#635ac0` `#7073cd` `#7a8eda` `#87aae4` `#98c4eb` `#a6d9f3` `#adecfa` `#b7fafc` `#ccfffb` `#ddfffa` `#e2fcfc` `#e2f4ff` `#e7e3fc` `#f2d6ea`
21. [Cool light blue to blue](https://grabient.com/kWwDuUzjPFEHYwY_aUEwmnBw?steps=10&angle=30): linear gradient, `#6ebecb` `#4fabcf` `#3d8ed5` `#3075de` `#215ceb` `#2e44f5` `#3f30fc` `#511dff` `#6909ff` `#7900fc`

## Other forms

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