# Blue and purple gradients

These gradients run from midnight navy and cobalt through indigo and violet to pale periwinkle, icy blue, lavender, and blush.

- Page: https://grabient.com/blue-and-purple-gradients
- Palettes: 29
- Tags: blue, purple, gradients, indigo, violet, periwinkle, lavender
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Navy, purple, light blue and pink](https://grabient.com/kcPy3MqLjALk-v5QrT66Ri7viXut7icBcw7QA?steps=32): linear gradient, `#201b3d` `#231b46` `#271955` `#2d1665` `#341474` `#3a1681` `#401c8d` `#472699` `#4d31a4` `#543eaf` `#5b4cb9` `#645cc2` `#6d6dca` `#747ed2` `#7b8fda` `#82a1e1` `#8cb3e6` `#97c3eb` `#a1d1f0` `#a8def5` `#adeaf9` `#b2f4fc` `#bafcfd` `#c7fffc` `#d7fffa` `#ddfffb` `#e2fdfc` `#e2fafe` `#e2f3ff` `#e4e9ff` `#ecddf6` `#f2d6ea`
2. [Pale lavender blue and purple palette](https://grabient.com/kU6iGpap1BmMgwtwFELA?steps=32&angle=135): linear gradient, `#cbeaff` `#c8e9ff` `#c5e7ff` `#c0e4ff` `#bce2ff` `#b7dfff` `#b2dcff` `#aed8ff` `#aad5fe` `#a7d2fe` `#a5cffd` `#a3ccfd` `#a1c9fc` `#a0c6fb` `#9fc2f9` `#9fbff8` `#9fbcf6` `#9fb9f5` `#a0b6f3` `#a2b4f2` `#a5b3f1` `#a8b3f1` `#adb4f1` `#b2b6f1` `#b8b9f2` `#bfbcf3` `#c6c0f4` `#ccc4f5` `#d1c8f6` `#d6cbf7` `#dacef7` `#ddd1f8`
3. [Violet blue and purple palette](https://grabient.com/kU1TqyWT3BkJMQgzRUKA?steps=32): linear gradient, `#a3cffd` `#9eccfe` `#99c9ff` `#94c5ff` `#8ec0ff` `#88bbff` `#82b6ff` `#7db0ff` `#77aaff` `#72a3ff` `#6e9dff` `#6a96ff` `#668fff` `#6287ff` `#607ffd` `#5f77f8` `#5e6ff4` `#5d67ef` `#5d5fea` `#5d57e4` `#5d50df` `#5d49d9` `#5e42d3` `#5f3ccc` `#6035c5` `#6130bd` `#612ab5` `#6125ae` `#6121a7` `#611da1` `#61199c` `#601698`
4. [Vivid analogous blue to lavender](https://grabient.com/kcZsu8OnHADzrQNKVUDWzY_-eiP9snUG6arCI?steps=32&angle=135): linear gradient, `#0300da` `#0400e0` `#0500ea` `#0700f5` `#0f00fe` `#190dff` `#230aff` `#2d01ff` `#3603fe` `#3d17fd` `#4729fd` `#513afe` `#5c49ff` `#6757ff` `#7065ff` `#7973ff` `#8382ff` `#8c8ffe` `#959afe` `#9da4fe` `#a5adfe` `#acb5ff` `#b4bcff` `#bcc0ff` `#c3c4ff` `#c9c5ff` `#cfc6ff` `#d3c5ff` `#d7c1ff` `#dbbcff` `#dfb5ff` `#e2b1fe`
5. [Vivid analogous blue to purple](https://grabient.com/kUk5GnRlBCL_MQpGSMKA?style=angularGradient&steps=32&angle=135): angular gradient, `#0084b7` `#0083b8` `#0082ba` `#0081bb` `#007fbe` `#007ec0` `#007cc3` `#007ac6` `#0077ca` `#0075ce` `#0072d2` `#006ed7` `#006ade` `#0064e5` `#135ee7` `#225be5` `#2d57e2` `#3553df` `#3b50dc` `#414dda` `#474bd8` `#4d49d6` `#5248d5` `#5948d5` `#5f48d5` `#6648d5` `#6c49d5` `#7249d5` `#774ad5` `#7c4bd5` `#804cd5` `#834cd4`
6. [Lavender blue and purple palette](https://grabient.com/kUM0G3tcjBVHBwpoIMJA?style=radialGradient&steps=32&angle=0): radial gradient, `#001438` `#00163e` `#001947` `#001c52` `#001f5f` `#002270` `#032580` `#0a298e` `#132d9c` `#1c31a9` `#2535b4` `#2e3abe` `#383fc6` `#4345ce` `#4d4ad5` `#5850da` `#6256e0` `#6d5ce4` `#7762e8` `#8268eb` `#8b6eee` `#9474f0` `#9d7bf2` `#a682f2` `#af89f2` `#b790f2` `#bf97f1` `#c69ef0` `#cba5ef` `#d0aaef` `#d4afee` `#d7b3ee`
7. [Aubergine blue and purple palette](https://grabient.com/kULjqyK0HBbXMQkmOkKA?steps=32): linear gradient, `#001228` `#00142c` `#001731` `#001a38` `#001d40` `#002149` `#002453` `#00275e` `#002a6a` `#002b78` `#002a88` `#032697` `#0e279e` `#1828a4` `#2029aa` `#282aaf` `#2f2ab4` `#352bb7` `#3b2ab9` `#412aba` `#4528ba` `#4926b8` `#4b23b3` `#4d1fac` `#4d1aa4` `#4c149b` `#4b0f91` `#490987` `#47047e` `#450076` `#43006f` `#410069`
8. [Near-black and violet blue and purple palette](https://grabient.com/kcAAC3BAdCZedwqko79MKXADsgPxElj2zJC5I?steps=34&angle=0): linear gradient, `#000000` `#000000` `#000000` `#000000` `#000000` `#000001` `#010006` `#040112` `#0c021f` `#16042b` `#1e0735` `#240b3d` `#281145` `#2c164c` `#301b53` `#35205a` `#3b2561` `#402a67` `#462f6d` `#4b3573` `#4f3b78` `#52407d` `#554681` `#584c85` `#5a5389` `#5c598b` `#5f5f8e` `#616590` `#616b92` `#607294` `#5f7995` `#5e8095` `#5f8593` `#618892`
9. [Analogous navy, blue and purple](https://grabient.com/kaRja5qCc_bysPrNND-TL_BT9Hwg4QkPg?steps=32): linear gradient, `#11264c` `#10274f` `#0d2753` `#092858` `#052b5e` `#022e65` `#00356d` `#003e77` `#004982` `#01538e` `#035e99` `#0467a3` `#0670ae` `#0979b9` `#0b81c3` `#0c87cc` `#0d8bd4` `#0e8cda` `#128bdf` `#1888e3` `#1f84e5` `#267ee6` `#2a76e4` `#2e6ce0` `#3361da` `#3a57d4` `#434dce` `#4e43c7` `#593bbd` `#6233b2` `#692da7` `#6d299f`
10. [Magenta blue and purple palette](https://grabient.com/kWUVG7ObQ_cI7wVBwENRUPCw?steps=32&angle=315): linear gradient, `#122e6a` `#12316f` `#133575` `#143a7d` `#154086` `#16458e` `#174b97` `#19509f` `#1d53a5` `#2156ab` `#2659b0` `#2b5bb5` `#315cba` `#375dbe` `#3d5ec2` `#435ec4` `#4a5dc7` `#515bc8` `#5858c8` `#5e55c6` `#6552c5` `#6b4ec2` `#714bc0` `#7648bd` `#7c46bb` `#8245b9` `#8843b7` `#8e42b5` `#9441b3` `#9940b0` `#9d3fae` `#a03fac`
11. [Violet blue and purple palette](https://grabient.com/kYjoG5xkRA0PEwfBwsFQ0O9kbAvk?style=angularGradient&steps=32&angle=225): angular gradient, `#316eda` `#336ddb` `#356cdc` `#386bdc` `#3b69dd` `#3f68de` `#4465de` `#4963dd` `#4f60dc` `#555dda` `#5b59d8` `#6056d6` `#6553d3` `#6951d1` `#6c4ecd` `#704cca` `#7349c6` `#7548c4` `#7647c2` `#7547c2` `#7249c4` `#6d4bc7` `#674ecb` `#6052cf` `#5955d2` `#5358d4` `#4e5cd5` `#495fd6` `#4463d8` `#3f67d8` `#3b69d9` `#386bd9`
12. [Pale sage and blue color palette](https://grabient.com/kU8w1ecQzDdIbzC6kcQA?style=radialGradient&steps=32&angle=0): radial gradient, `#ecf3e7` `#ebf3e6` `#e9f2e5` `#e7f1e3` `#e5f0e2` `#e3efe0` `#e0eedf` `#dcecdc` `#d7eada` `#d1e7d7` `#cae4d5` `#c1dfd2` `#b6dacf` `#aad4cd` `#9dcdcd` `#90c5cc` `#86bbcc` `#7fb1cb` `#7aa7c9` `#789dc6` `#7893c1` `#778bbb` `#7782b3` `#757bab` `#7374a2` `#706d99` `#6c6790` `#686288` `#655d80` `#615979` `#5f5574` `#5c526f`
13. [Near-black and violet color palette](https://grabient.com/kUKB7fPTw5c1byQNCLhA?steps=32&angle=45): linear gradient, `#130719` `#170a21` `#1d0e2c` `#22143a` `#271c4a` `#2a255d` `#2a3070` `#273b83` `#214695` `#194fa5` `#1457b4` `#1d5bc2` `#335dd1` `#4d5de0` `#695aec` `#8554f2` `#a04cf2` `#b742ea` `#ca38dd` `#d52dce` `#d824c1` `#d220b7` `#c11fae` `#a921a5` `#8b2298` `#6c2187` `#4e1e72` `#331959` `#1e1340` `#0e0c29` `#050617` `#02030a`
14. [Navy, violet and turquoise color palette](https://grabient.com/kWMDnIONJAEbbwfPwrp5jA5Q?steps=32&angle=135): linear gradient, `#100b35` `#140d40` `#1a1150` `#221565` `#2a1a7b` `#331e93` `#3d23aa` `#4627be` `#4f29cd` `#592bd7` `#642adf` `#6f29e3` `#7a28e5` `#8329e7` `#892ce8` `#8c32eb` `#8c3af0` `#8644f5` `#7d4ff8` `#715bfa` `#6166fa` `#4f71f8` `#3a7cf5` `#2086f2` `#0091ec` `#009de5` `#00a9e1` `#00b4df` `#00c0df` `#00cade` `#00d3dd` `#22d8db`
15. [Sky blue, violet and sage color palette](https://grabient.com/kW1xywz5vAlOgxPVmkZTJJRo?steps=32&angle=45): linear gradient, `#bacfe5` `#b2c9e1` `#a7c1da` `#9ab6d3` `#8cabca` `#7ea1c3` `#7397bc` `#6b8fb7` `#678ab5` `#6787b5` `#6b85b7` `#7185bb` `#7985be` `#8186c1` `#8a87c3` `#9287c3` `#9986c1` `#9f86bf` `#a486bd` `#a886ba` `#ad86b6` `#b186b0` `#b586a9` `#b885a0` `#ba8392` `#b88382` `#b28371` `#a68566` `#978761` `#878963` `#7a8968` `#72896c`
16. [Plum blue and purple palette](https://grabient.com/kUSi_kuCG_FecuJ6hz6A?style=radialGradient&steps=32&angle=0): radial gradient, `#3a203f` `#3d2142` `#402345` `#442549` `#48284d` `#4d2b52` `#512e58` `#56325e` `#5b3665` `#603b6c` `#644074` `#67467c` `#6a4d85` `#6b558f` `#6c5e99` `#6c67a3` `#6c71ac` `#6c7bb4` `#6d85bb` `#6f8fc1` `#7399c7` `#79a2cc` `#82abd2` `#8cb4d8` `#98bede` `#a5c8e4` `#b3d1e9` `#c0daef` `#cce3f4` `#d8eaf8` `#e1f1fc` `#e9f5ff`
17. [Analogous light pink to purple](https://grabient.com/kS6Rf3WiW7rkvPi?steps=32&angle=45): linear gradient, `#f5dce8` `#f3d9e6` `#f2d5e4` `#f0d1e3` `#edcce1` `#ebc7df` `#e7c2de` `#e4bcdc` `#dfb7db` `#dbb1da` `#d6abd9` `#d0a6d8` `#cba0d6` `#c59bd5` `#bf96d3` `#b991d2` `#b38ccf` `#ad87cc` `#a781c9` `#a07cc5` `#9976c0` `#9270bc` `#8c6ab7` `#8565b2` `#7f5fad` `#785aa9` `#7355a4` `#6d50a0` `#684b9c` `#644898` `#604495` `#5d4193`
18. [Near-Black Cyan Near-Black Field](https://grabient.com/kUHhWtypdE1Sot8Kk0bA?steps=32&angle=45): linear gradient, `#00060f` `#020b17` `#071421` `#121e2e` `#1f2a3d` `#2e374e` `#3e445f` `#4e5270` `#5e5f81` `#6b6b90` `#76749d` `#7c7ca8` `#7f85b4` `#7f8dbf` `#7b95c9` `#739dd1` `#68a4d5` `#5aa9d6` `#4bacd3` `#3baccd` `#2ba8c5` `#1da1bd` `#0f95b1` `#0383a2` `#016f91` `#04597d` `#074367` `#072e51` `#061c3c` `#040c29` `#02031b` `#010010`
19. [Cyan Violet Blue Halo](https://grabient.com/kYz1idoyXJ8OhNbJx0n2qI1HESxy?style=radialGradient&steps=32&angle=0): radial gradient, `#57d4fa` `#52bbec` `#5295d4` `#516bb1` `#4b4489` `#402766` `#361651` `#31154e` `#2d2259` `#273669` `#1e4e77` `#186482` `#17748c` `#0d7c98` `#037dac` `#2d77c2` `#576ad2` `#795cd6` `#8f52d4` `#9455d9` `#8665e4` `#6a7aeb` `#4490e4` `#2ba1d4` `#3dacc7` `#56b3c5` `#6dbacd` `#84c2da` `#9bc9e8` `#b1cff3` `#c3d5fa` `#cfd9fd`
20. [Teal Cyan Violet Halo](https://grabient.com/kUw1qSsj5MamVNXzlkrA?style=radialGradient&steps=32&angle=0): radial gradient, `#2ac9da` `#17c1dc` `#02b4de` `#16a4e0` `#3290de` `#497ad8` `#5a63cc` `#644ebc` `#693aa9` `#692997` `#651c8a` `#5e1681` `#53167c` `#441979` `#331e74` `#20236c` `#092862` `#002d51` `#002f47` `#003245` `#003747` `#0c3d4c` `#1e4656` `#315466` `#46637a` `#5e7591` `#7988a8` `#959bc0` `#b1add5` `#cbbde6` `#e1cbf4` `#f1d6fe`
21. [Cyan Violet Violet Halo](https://grabient.com/kY0T20zcpELwcNsvQ0onQ62-mnSi?style=radialGradient&steps=32&angle=0): radial gradient, `#9fc8fb` `#97bffe` `#91b1ff` `#8f9eff` `#9089ff` `#9074fc` `#8866f4` `#7463eb` `#5069dc` `#1f6fc3` `#0071a0` `#006e88` `#126978` `#086374` `#005c79` `#005387` `#264399` `#432e9c` `#511996` `#4e0d8d` `#391280` `#1b196b` `#001f46` `#001c2d` `#001c27` `#05222c` `#183340` `#334e65` `#596c94` `#898ac2` `#b9a3e7` `#ddb4fc`
22. [Navy, purple, blue and light blue](https://grabient.com/kWMSSxUa9GDIrOpWQkTaZ66I?style=radialGradient&steps=32&angle=0): radial gradient, `#011529` `#081e38` `#182c4d` `#2e3c68` `#494d85` `#655da0` `#7f6bb7` `#9275c8` `#9b79d0` `#9577d0` `#8471c9` `#6d68bc` `#535dab` `#39539a` `#234a8c` `#124684` `#0e4686` `#1b4991` `#2f4fa2` `#4756b5` `#615dca` `#7c66dc` `#926eea` `#a278f6` `#a883ff` `#a692ff` `#a3a0ff` `#9fadff` `#9cb8ff` `#99c1ff` `#98c8ff` `#9ccdfc`
23. [Purple ribbon blue light](https://grabient.com/kW1Tqx7JzE6q6vHCwcV64444?steps=48&angle=135): linear gradient, `#a2cffd` `#a5cffe` `#abd0ff` `#b3d1ff` `#bcd3ff` `#c3d4ff` `#cad6ff` `#d0d7ff` `#d4d6ff` `#d6d5ff` `#d6d2ff` `#d3ccff` `#cec5fe` `#c3baf6` `#b5aded` `#a39ee2` `#8e8ed6` `#787ec9` `#616dbc` `#4b5daf` `#354fa2` `#214298` `#0e368f` `#012d89` `#002787` `#092287` `#161f8a` `#231c8f` `#301c94` `#3e1d99` `#4c1f9e` `#5a24a3` `#6829a7` `#7430ac` `#7f38b0` `#8741b6` `#8b4bbc` `#8e57c4` `#9065cc` `#9174d4` `#9184db` `#9293e0` `#95a1e3` `#9aaee5` `#a2b9e5` `#aac2e5` `#b3cae5` `#bacfe5`
24. [Vivid purple blue nucleus](https://grabient.com/kYZsq8QspCy5DQMoqDwURvAdOgQ6?style=radialGradient&steps=56&angle=0): radial gradient, `#0300da` `#1109db` `#1d15dc` `#281fdd` `#3428de` `#3f30de` `#4937df` `#533dde` `#5c42dd` `#6346db` `#6848d9` `#6b49d5` `#6d47d1` `#6d44cb` `#6b3fc5` `#6939be` `#6632b7` `#622baf` `#5e24a8` `#591ca1` `#54169a` `#501195` `#4b0f90` `#460f8c` `#401188` `#3a1384` `#33167f` `#2c197a` `#251c75` `#1e1f71` `#19226d` `#15266b` `#122969` `#132e6a` `#16336c` `#1d3a71` `#254378` `#2f4c80` `#3a5688` `#456192` `#516b9c` `#5c75a5` `#677eae` `#7085b5` `#778aba` `#7d8ebe` `#8290c1` `#8690c3` `#8990c4` `#8c8fc4` `#8f8dc4` `#918bc3` `#9489c2` `#9587c1` `#9786c1` `#9985c0`
25. [Lavender rings around cyan light](https://grabient.com/kYwSyc17LBTkvR7pp0GbJy90K8PY?style=radialGradient&steps=40&angle=0): radial gradient, `#86bbcc` `#7fbace` `#74bad1` `#67bad4` `#57b9d8` `#44b7dc` `#2db4df` `#14afe1` `#06a7e1` `#189ade` `#2c8ad6` `#3c77ca` `#4765bb` `#4f55ac` `#54499e` `#5a4295` `#624293` `#6e4a99` `#7f57a4` `#9268b4` `#a77cc7` `#bb8fda` `#cda1eb` `#dab0f8` `#e2b9ff` `#e4c3ff` `#e4caff` `#e4cfff` `#e2d0ff` `#ded0ff` `#d9cdff` `#d2c7ff` `#c8c0fb` `#b9b3f5` `#a6a4ed` `#9293e5` `#7d82dc` `#6973d4` `#5966cd` `#4d5dc7`
26. [Ivory blue dusk fade](https://grabient.com/kYPmLItDk98uuPvhHz68QW8_kLLk?steps=6&angle=270): linear gradient, `#1d065d` `#1f409e` `#497fc9` `#85b8e6` `#d0dde2` `#fdedda`
27. [Deep indigo blue gradient](https://grabient.com/kWWXPOLUk97XPv1Ew791qw-I?steps=6&angle=315): linear gradient, `#3e1e85` `#2a189b` `#1f25b5` `#2345cc` `#3572db` `#579ee0`
28. [Neon monochrome blue](https://grabient.com/kWn5vMUUq_1e8vvWvb_0MtAw?steps=10&angle=315): linear gradient, `#8469ff` `#856aff` `#856eff` `#847aff` `#8489ff` `#838fff` `#828eff` `#8188ff` `#817bff` `#826fff`
29. [Mauve to deep violet gradient](https://grabient.com/kUvjvizbw_DvJPuvQT5g): linear gradient, `#c49dcf` `#b783ce` `#a361cb` `#8b45c1` `#732cb4` `#5820a4` `#451c95`

## Other forms

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