# Blue gradients

Blue gradients span pale periwinkle and slate through navy, cobalt, cyan, and deep petrol teal.

- Page: https://grabient.com/blue-gradients
- Palettes: 28
- Tags: blue gradients, blue, navy, cobalt, cyan, periwinkle, teal
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Pastel blue](https://grabient.com/kQ4RjAYQ6_g?style=radialGradient&steps=32&angle=0): radial gradient, `#d1d9f0` `#d0d8ef` `#cfd7ef` `#ced6ee` `#cdd5ed` `#ccd4ec` `#cad3eb` `#c9d2ea` `#c8d1e8` `#c6cfe7` `#c5cee6` `#c3cce5` `#c1cbe3` `#c0c9e2` `#bec8e0` `#bcc6df` `#bbc5dd` `#b9c3dc` `#b7c1db` `#b6c0d9` `#b4bed8` `#b2bdd7` `#b1bcd5` `#afbad4` `#aeb9d3` `#adb8d2` `#abb7d1` `#aab5d0` `#a9b4cf` `#a8b4ce` `#a7b3cd` `#a7b2cd`
2. [Vivid monochrome blue to light blue](https://grabient.com/kUd3S2Szc-180vlsoz7g?style=radialGradient&steps=32&angle=180): radial gradient, `#0057b1` `#005ab3` `#005db5` `#0060b7` `#0064bb` `#0069be` `#006dc1` `#0172c5` `#0277c9` `#047ccc` `#0681d0` `#0786d4` `#088bd8` `#0891dc` `#0896e0` `#089ce5` `#0aa2e9` `#0ea8ee` `#14aef1` `#1bb3f5` `#23b8f8` `#2cbdfa` `#37c1fb` `#42c6fc` `#4dcafd` `#57cdfe` `#61d1fe` `#6bd4fe` `#73d7fe` `#7bd9fe` `#81dbfe` `#85ddfe`
3. [Pastel monochrome blue](https://grabient.com/kUq1GrW6vAF4mwbdokQA?steps=32&angle=45): linear gradient, `#4f9fd4` `#4f9fd5` `#4fa1d7` `#50a2d9` `#50a4db` `#50a6de` `#51a8e0` `#52a9e2` `#53abe5` `#55ace7` `#57ade8` `#5aaeea` `#5daeeb` `#60afec` `#64afec` `#68afed` `#6cafed` `#6fafed` `#73afed` `#77aeed` `#7caeed` `#80aded` `#84aced` `#89abed` `#8fa9ec` `#94a7eb` `#99a6e9` `#9da4e7` `#a1a2e5` `#a5a1e4` `#a8a0e2` `#aa9fe1`
4. [Monochrome black to light blue](https://grabient.com/kUIQa6NJtANolPzzjz5A?steps=32&angle=135): linear gradient, `#06070a` `#080a10` `#0b0f16` `#0e141f` `#121a29` `#172134` `#1d283f` `#22304c` `#283858` `#2e4065` `#344870` `#3a4f7b` `#405786` `#466092` `#4c699e` `#5371a9` `#597ab5` `#6083bf` `#668cca` `#6d95d3` `#749edb` `#7aa6e3` `#82aee8` `#8ab6ed` `#92bdf1` `#9bc5f3` `#a4ccf5` `#add2f7` `#b6d8f8` `#beddf9` `#c5e1fa` `#cbe5fb`
5. [Muted monochrome navy to blue](https://grabient.com/kUNT2-pyPBDuiQJWGj-g?steps=32&angle=135): linear gradient, `#08123e` `#0a1340` `#0c1542` `#0e1645` `#101848` `#131a4b` `#161c4f` `#1a1e52` `#1d2156` `#21235a` `#24265e` `#282962` `#2b2d66` `#2f306a` `#34346e` `#383873` `#3d3c77` `#41417c` `#464580` `#4b4a85` `#504f8a` `#55548f` `#5a5a94` `#61619a` `#6768a0` `#6e6fa6` `#7476ac` `#7b7db2` `#8184b7` `#868abc` `#8b8fc0` `#8f93c3`
6. [Blue blue palette](https://grabient.com/kSR23ARlO-2MoPi?style=angularGradient&steps=32&angle=270): angular gradient, `#121571` `#131875` `#141b7b` `#151e83` `#16228b` `#162694` `#172b9e` `#1730a8` `#1735b3` `#173bbd` `#1541c8` `#1347d2` `#114ddb` `#0d54e4` `#085aec` `#0361f2` `#0067f7` `#006efb` `#0276fe` `#0c7dff` `#1a85ff` `#258cff` `#2f93ff` `#399aff` `#42a0ff` `#4aa6ff` `#54abfe` `#5eb0fc` `#66b4fb` `#6eb8fa` `#74bcfa` `#79bef9`
7. [Analogous navy to teal](https://grabient.com/kUTCiqsxi9z8cvtKnb9A?steps=32&angle=225): linear gradient, `#0e3146` `#0f3348` `#0f354a` `#0f374d` `#0f3b4f` `#0f3e52` `#0f4155` `#0f4558` `#0f485c` `#104c5e` `#104f61` `#105264` `#115566` `#125869` `#125b6b` `#135e6e` `#146071` `#156373` `#166676` `#176978` `#196c7b` `#1b6f7d` `#1d7280` `#207582` `#237885` `#267b88` `#2a7e8a` `#2d818d` `#2f848f` `#328691` `#348893` `#368a95`
8. [Blue and turquoise color palette](https://grabient.com/kYayuuSRW_OMQPp2CL4ZBnAsebwk?steps=32&angle=180): linear gradient, `#30516c` `#345570` `#395b76` `#3f637e` `#466b86` `#4d738e` `#567c97` `#5e869f` `#6990a7` `#749ab1` `#7fa5ba` `#8bb0c2` `#96baca` `#a1c3d2` `#aecdd9` `#bbd7e0` `#c7e0e6` `#d1e7ec` `#d6ebef` `#d6ecf1` `#ceeaef` `#c2e5ec` `#b2dee8` `#a1d6e3` `#90cddd` `#82c3d6` `#76b8cd` `#69aac3` `#5e9cb8` `#548fad` `#4d84a3` `#477c9d`
9. [Monochrome navy to blue](https://grabient.com/kUMDzEHSY-SUov4uJ79A?steps=32&angle=135): linear gradient, `#0c0b37` `#0c0c38` `#0b0c3a` `#0a0d3c` `#090e3e` `#080f40` `#061043` `#051145` `#031347` `#021449` `#00154c` `#00174d` `#00194e` `#001b4f` `#001c51` `#001e53` `#002056` `#002159` `#00235b` `#00245e` `#002660` `#002862` `#002a64` `#002d66` `#012f69` `#01326b` `#01346d` `#02366f` `#033971` `#033b72` `#043c74` `#053d75`
10. [Blue and gray color palette](https://grabient.com/kalSLAOxO_a0Uv0dkz-JpI97UOvTECbpA?steps=32&angle=225): linear gradient, `#717b99` `#6c7794` `#65708e` `#5c6987` `#546180` `#4c5a79` `#455473` `#3f4e6d` `#394967` `#324361` `#2c3e5b` `#263754` `#1f304c` `#182944` `#12223c` `#0e1e37` `#0b1d35` `#0b1f36` `#0d233a` `#0f283e` `#122e42` `#163346` `#1a394a` `#203f4f` `#264653` `#2d4c58` `#33535b` `#3b5a5f` `#456262` `#4f6965` `#586e68` `#5f736b`
11. [Blue color palette](https://grabient.com/kaLym5p6q_znAv_Jyz-1T--8VEQMlJMBA?steps=32&angle=135): linear gradient, `#04112b` `#051533` `#05193e` `#051f4b` `#05255a` `#042b68` `#043176` `#043785` `#043e94` `#0444a3` `#054bb2` `#0652bf` `#0759cc` `#0961d8` `#0a68e3` `#0a70ed` `#0978f4` `#0981f9` `#0e8bfb` `#1794fc` `#1e99fc` `#1f99fa` `#1a94f7` `#118cf4` `#0781ee` `#0475e5` `#0669d6` `#095bbf` `#0b4ca3` `#0b3d86` `#09316d` `#08285d`
12. [Monochrome blue](https://grabient.com/kUdTGtyBc_VKTv3FF0EA?steps=32): linear gradient, `#355c7b` `#375e7d` `#39607f` `#3b6382` `#3e6685` `#416a88` `#456d8b` `#48718e` `#4b7591` `#4e7894` `#517b97` `#547e9a` `#58819c` `#5b849f` `#5f88a1` `#638ba4` `#668ea6` `#6991a8` `#6c93aa` `#6e94ab` `#6f95ab` `#6f95ab` `#6d93aa` `#6b91a8` `#678da6` `#6489a3` `#5f859f` `#5b819c` `#577d99` `#547996` `#517694` `#4f7492`
13. [Seafoam Into Deep Teal](https://grabient.com/kW3C992CjA8IdwQsFEFlYtB4?steps=32&angle=225): linear gradient, `#a6e2d2` `#9edece` `#92d9c8` `#83d3c2` `#72cdbc` `#60c6b6` `#4dbfaf` `#3ab8a9` `#2ab1a4` `#1ea99e` `#16a299` `#149a93` `#17928c` `#1a8a86` `#1c8380` `#1c7b7a` `#1a7474` `#186c6e` `#156568` `#135e62` `#10575c` `#0e5156` `#0c4a50` `#0a434a` `#083c43` `#06353d` `#042e35` `#03262e` `#022028` `#011a22` `#01151d` `#011219`
14. [Navy cobalt radial glow](https://grabient.com/kUd3S2W6u-J-hQ4_nLjA?style=radialGradient&steps=40&angle=0): radial gradient, `#0057b1` `#025cb4` `#0762b9` `#0f6bbf` `#1774c5` `#207ecd` `#2988d4` `#3292db` `#3b9be1` `#44a3e6` `#4ba9e9` `#51adeb` `#56afeb` `#58aee9` `#57a8e3` `#559fda` `#5094ce` `#4b86c1` `#4476b1` `#3d66a1` `#365691` `#2e4780` `#273a71` `#212e64` `#1b2559` `#171e51` `#131a4c` `#111a4a` `#0e1d4b` `#0c214e` `#092752` `#062f57` `#03385d` `#014164` `#004b69` `#03546f` `#085d74` `#106478` `#176b7b` `#1b6f7d`
15. [Slate ice radial glow](https://grabient.com/kUR27Acg247qYw9bq7-A?style=radialGradient&steps=32&angle=0): radial gradient, `#121571` `#11277b` `#113c87` `#1a5495` `#2c6ea5` `#4688b4` `#63a2c2` `#80b9d0` `#9bccdc` `#b1dbe5` `#c0e3eb` `#c4e4ea` `#bfdee4` `#b3d2d9` `#a2c2cb` `#8eafbb` `#799baa` `#64889b` `#52778d` `#436983` `#39607d` `#345c7b` `#325d7f` `#336186` `#366891` `#3b729e` `#407dac` `#4589bb` `#4b94c9` `#509fd6` `#54a8e1` `#56aee8`
16. [Cyan navy mint rings](https://grabient.com/kY4hSYIaZFReUwBgpDabKNE6xAxQ?style=radialGradient&steps=48&angle=0): radial gradient, `#c7e0e6` `#b6d3db` `#9ec1cd` `#82abbd` `#6593ab` `#497a99` `#2f6188` `#194a77` `#073668` `#00265b` `#001a50` `#001146` `#01093d` `#020534` `#02042e` `#020428` `#020525` `#020825` `#030c27` `#04132d` `#061d37` `#092c46` `#0d4058` `#13566b` `#1d6f7d` `#2b878e` `#3d9f9c` `#4eb3a9` `#5dc3b3` `#68cfbc` `#71d9c7` `#79e1d3` `#7fe6df` `#85eaea` `#89ecf3` `#8bebf9` `#8ce7fd` `#88e2fe` `#80dafc` `#72ccf6` `#60bbed` `#4ba5e1` `#358ed3` `#2276c5` `#135fb6` `#0d49a8` `#0e369c` `#122694`
17. [Periwinkle cyan diagonal](https://grabient.com/kWlpW20ae3ucrxLKnkZnKa9g?steps=32&angle=225): linear gradient, `#0378f3` `#0081de` `#0087ca` `#008dba` `#0091ad` `#0095a3` `#009a9c` `#009e98` `#1da398` `#2ea99f` `#36b1ab` `#3bbbbb` `#40c4cd` `#46cce0` `#4fd1f0` `#5ad2fa` `#64cefe` `#6fc7fd` `#79bcf7` `#7fafec` `#82a1de` `#8293cf` `#7d86bf` `#7679b0` `#6c6da2` `#5e5f94` `#4d5086` `#3a4178` `#28346a` `#17275e` `#071d53` `#00154b`
18. [Ice blue petrol glow](https://grabient.com/kYnymn4w7DnOPPVHm78oxC80dTxa?style=radialGradient&steps=40&angle=0): radial gradient, `#678ea6` `#6c91aa` `#7595af` `#7e9ab5` `#89a0bb` `#93a6c1` `#9dacc7` `#a6b3cd` `#adb8d3` `#b4c0d9` `#bbc8e1` `#c2d1ea` `#c9daf2` `#cde1f8` `#cfe6fc` `#cee6fd` `#c8e3f9` `#bcdaf2` `#accee8` `#9abfdc` `#86afce` `#719fbf` `#5e8fb0` `#4d81a2` `#3f7594` `#336782` `#285a6e` `#214c5b` `#1b404a` `#16363e` `#0f3036` `#062d34` `#003038` `#003642` `#004053` `#004d6b` `#005988` `#0064aa` `#0069d0` `#0068f5`
19. [Indigo slate diagonal](https://grabient.com/kW2UafkINFKO3QBHm7wUpO_g?steps=64&angle=135): linear gradient, `#85ddfe` `#81d3f4` `#7cc6e8` `#76b7d8` `#6ea7c6` `#6695b2` `#5d839e` `#537188` `#495f73` `#3e4e5f` `#343e4c` `#29303a` `#1f242b` `#16191e` `#0f1115` `#090a0e` `#05060a` `#040508` `#020309` `#02030b` `#02030f` `#020215` `#03021c` `#040224` `#05022d` `#070236` `#090341` `#0c044b` `#0e0655` `#10095f` `#110e67` `#11136e` `#111874` `#111e79` `#0f257e` `#0d2c82` `#0a3486` `#093c89` `#09448c` `#0c4c8f` `#125391` `#195a93` `#216195` `#296796` `#316d98` `#397299` `#40779a` `#467b9c` `#4b7f9e` `#4f829f` `#5384a1` `#5787a2` `#5a89a3` `#5d8ba4` `#608ca5` `#628ea6` `#648fa7` `#6690a8` `#6891a8` `#6992a9` `#6b93aa` `#6c94aa` `#6d94ab` `#6f95ab`
20. [Sky cobalt diagonal](https://grabient.com/kS5x6tx1PB_INui?steps=40&angle=225): linear gradient, `#cbe5fb` `#c4e2fb` `#bcdefc` `#b2d8fc` `#a7d3fc` `#9bccfc` `#8ec4fd` `#82bcfd` `#75b4fd` `#68abfd` `#5ca2fd` `#5199fc` `#4790fc` `#3e87fb` `#367ffb` `#2f77fa` `#2871f9` `#226bf9` `#1b68f8` `#1366f8` `#0667f7` `#006bf3` `#0071ee` `#0078eb` `#007fe9` `#0087e9` `#008fea` `#0097ed` `#00a0f0` `#20aaf0` `#3ab2ee` `#4fbbed` `#62c2ec` `#75c9eb` `#86d0ea` `#96d5ea` `#a4daea` `#b0dfeb` `#bae2eb` `#c2e4ec`
21. [Petrol periwinkle glow](https://grabient.com/kUrDPHyp23LWOwPojUYA?style=radialGradient&steps=48&angle=0): radial gradient, `#8f93c2` `#8c93c2` `#8793c2` `#8293c1` `#7d93c1` `#7693c0` `#6f93be` `#6893bb` `#6093b8` `#5992b5` `#5192b0` `#4a91ac` `#4490a7` `#3f8fa1` `#3a8d9c` `#378b97` `#358993` `#33868e` `#318289` `#307d83` `#2e787e` `#2d7378` `#2c6e73` `#2b686d` `#2a6369` `#2a5f64` `#2a5b60` `#2a575d` `#2b545b` `#2d535a` `#2f5259` `#32535a` `#36555d` `#3b5861` `#415d67` `#49646f` `#516b77` `#5b7381` `#657c8b` `#708596` `#7b8fa1` `#8698ab` `#91a2b6` `#9babc0` `#a5b3c9` `#adbad1` `#b5c0d8` `#bac5dd`
22. [Cobalt silver diagonal](https://grabient.com/kWWiufNBvFM86PbxC0KEIPAA?steps=56&angle=45): linear gradient, `#0e4252` `#0f4254` `#124255` `#144257` `#184259` `#1b425b` `#1f425d` `#22425f` `#264261` `#294263` `#2d4366` `#304469` `#34456c` `#364770` `#394975` `#3b4b7b` `#3c4e82` `#3d528a` `#3c5692` `#3b5a9c` `#385fa5` `#3464af` `#2f6ab8` `#2870c1` `#2076ca` `#197cd2` `#1582d9` `#1988df` `#258ee4` `#3695ea` `#499df0` `#5ca6f6` `#6faffb` `#83b8ff` `#98c2ff` `#aacaff` `#b9d2ff` `#c5d8ff` `#ceddff` `#d2dfff` `#d5dffa` `#d4dbf2` `#ced4e7` `#c4c9d9` `#b7bac8` `#a6a9b4` `#93969f` `#7f828a` `#6b6d75` `#575960` `#44464c` `#32343a` `#23252a` `#16181d` `#0c0e13` `#06070b`
23. [Periwinkle slate radial glow](https://grabient.com/kYqCSpaItD-KhPmikb2xzJCNamvs?style=radialGradient&steps=56&angle=0): radial gradient, `#7698ae` `#7b9ab1` `#819db4` `#88a2b8` `#91a6bd` `#99abc1` `#a2b1c6` `#aab6ca` `#b1bbcf` `#b7bfd3` `#bbc2d6` `#bec4d9` `#bfc6dd` `#bfc7e2` `#bfc9e7` `#becaed` `#bbcaf2` `#b8caf6` `#b3c9fa` `#acc7fb` `#a5c3fa` `#9cbef7` `#93b8f0` `#87aee5` `#7aa1d5` `#6a92c1` `#5a81ab` `#4b7094` `#3c5f7e` `#2f4f6a` `#234258` `#1a364a` `#122e40` `#0d2a3c` `#09293d` `#072b42` `#06304b` `#073758` `#0b3f67` `#124878` `#1c528a` `#265c9c` `#2f65ac` `#386dba` `#3e73c4` `#4378ca` `#477dd0` `#4b82d3` `#4e87d6` `#528bd7` `#558fd7` `#5893d7` `#5b96d7` `#5e99d7` `#609bd7` `#639dd7`
24. [Monochrome light blue, blue and navy](https://grabient.com/kYyzbENUe-qobQS_FDvbCM-UJNQ-?style=radialGradient&steps=48&angle=0): radial gradient, `#b0baee` `#a5b2eb` `#97a6e8` `#8598e3` `#7189de` `#5c78d8` `#4868d1` `#3558c9` `#244ac1` `#183eb8` `#1336b0` `#1530a5` `#192c9a` `#1d2a8e` `#212a82` `#242a77` `#272c6d` `#292d64` `#2a2f5e` `#2b325b` `#2c345a` `#2e385a` `#2f3c5c` `#31415f` `#344763` `#374e69` `#3a556f` `#3f5d75` `#44657d` `#4a6e86` `#537b93` `#5e89a2` `#6999b2` `#74aac3` `#7eb9d4` `#85c7e4` `#89d2f1` `#89d9fb` `#86dbff` `#7dd6ff` `#6accff` `#4ebfff` `#34affb` `#1a9cf6` `#0089ef` `#0078e8` `#0268e3` `#0c5de0`
25. [Slate ice diagonal](https://grabient.com/kWTial9Qs9KuSxbPlD2WIzDI?steps=32&angle=45): linear gradient, `#0e3446` `#1f4354` `#385b6a` `#577985` `#799aa3` `#9abac1` `#b7d4da` `#cae6eb` `#cfebf0` `#c3dfe6` `#abc8d2` `#8da9b7` `#6d8899` `#50687d` `#3a4e66` `#2b3d57` `#263852` `#283a55` `#2e435e` `#37506c` `#43607b` `#50718b` `#5c8099` `#678ba4` `#6e92aa` `#7696af` `#7d99b2` `#839ab3` `#889bb4` `#8d9cb4` `#909db3` `#939eb4`
26. [Midnight cobalt gradient](https://grabient.com/kWUyK7sC1ATxFP_JUz_0cQ_o): linear gradient, `#28344d` `#24386e` `#264098` `#2c4dc4` `#365dee` `#4472ff` `#5284fd`
27. [Taupe navy vertical fade](https://grabient.com/kUpAo0TAuw72gOswLb8g?steps=4&angle=180): linear gradient, `#938d85` `#847b8f` `#445e91` `#073f82`
28. [Navy cyan mint gradient](https://grabient.com/kcLFa8GjO_6RDv-yz7_xE-_dc8vjrNDo8sQ8I?steps=8&angle=225): linear gradient, `#000042` `#000056` `#010983` `#062dba` `#0161e9` `#1ba1f9` `#02e7eb` `#61ffc5`

## Other forms

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