# Electric blue gradients

Electric blue runs from pale ice blue and cyan through vivid azure, indigo, and deep navy, with occasional violet stops.

- Page: https://grabient.com/electric-blue-gradients
- Palettes: 26
- Tags: electric blue, gradients, blue, cyan, azure, indigo, vivid
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Vivid duotone cyan to blue](https://grabient.com/kY1GiG5ijB9ywwhTukJSsjBUXSwe?steps=32&angle=15): linear gradient, `#0fe6dc` `#20e4dd` `#31e2df` `#40dee0` `#4bdbe1` `#53d7e2` `#55d4e2` `#53d0e2` `#4dcce2` `#43c8e2` `#38c3e3` `#2abfe4` `#1bbae5` `#0eb5e5` `#04b0e7` `#01abe8` `#03a6e9` `#08a1ea` `#0c9ceb` `#0c97eb` `#0492ec` `#008ceb` `#0087ea` `#0082ea` `#007deb` `#0177ef` `#1872f0` `#286cf1` `#3566f2` `#3f60f2` `#465bf2` `#4b58f2`
2. [Cool light blue to blue](https://grabient.com/kUziqTTirHDJNwSmyL7A?style=radialGradient&steps=32&angle=180): radial gradient, `#95ccd4` `#8fc9d4` `#88c4d4` `#81bfd3` `#7ab8d3` `#74b0d3` `#6fa8d3` `#6c9fd2` `#6996d0` `#678dce` `#6584cc` `#637bc9` `#5f73c7` `#5a6ac5` `#5560c3` `#5057c1` `#4b4dbf` `#4643bd` `#4139bb` `#3c2fb8` `#3925b6` `#361cb3` `#3313af` `#2f0aac` `#2b04a8` `#2701a4` `#2300a0` `#1f019c` `#1a0298` `#160395` `#130392` `#100390`
3. [Vivid analogous purple to light blue](https://grabient.com/kUis3RSVS9lc_PRntDwg?steps=32&angle=180): linear gradient, `#8220fe` `#8026ff` `#7d2dff` `#7933ff` `#7539ff` `#703fff` `#6b45ff` `#664bff` `#6151ff` `#5c57fe` `#575dfe` `#5262fe` `#4e69ff` `#496fff` `#4575ff` `#417bff` `#3d82ff` `#3a88ff` `#368eff` `#3394ff` `#2f9aff` `#2ba0ff` `#26a6ff` `#21adff` `#1cb3ff` `#18baff` `#16c0ff` `#16c6ff` `#17ccff` `#1ad1ff` `#1dd5ff` `#1fd8ff`
4. [Vivid analogous cyan to blue](https://grabient.com/kaz2ib9LY8_K4QFwssCTsnG7xuwO7bj_g?style=angularGradient&steps=32&angle=225): angular gradient, `#2bd7ff` `#30ddff` `#38e7ff` `#3ff1ff` `#42faff` `#5bfffd` `#72fffa` `#6ffffa` `#5afffc` `#30ffff` `#30fdff` `#34fcff` `#3efdff` `#48feff` `#4ffdff` `#4ef8ff` `#41edff` `#2bdbff` `#13c3ff` `#17a8ff` `#2c8dff` `#3a77fc` `#3b64fb` `#3751fc` `#323eff` `#2e2bff` `#2e12ff` `#2f00fc` `#2f00fb` `#2e00fc` `#2e00ff` `#2d07fe`
5. [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`
6. [Vivid monochrome navy to blue](https://grabient.com/kSN128MUS_0XdP8?style=radialGradient&steps=32): radial gradient, `#000a53` `#000c56` `#010e5a` `#01105e` `#011262` `#011567` `#01176c` `#011a72` `#021d78` `#02207e` `#022384` `#03268a` `#032991` `#042c97` `#042f9d` `#0432a3` `#0535a9` `#0537af` `#053ab5` `#063dbc` `#0640c3` `#0643ca` `#0646d0` `#0549d7` `#054cde` `#054fe4` `#0451eb` `#0454f0` `#0356f6` `#0358fb` `#025aff` `#085dff`
7. [Vivid monochrome blue and light blue](https://grabient.com/kYfdDBSlM_1m5PfhM73WbvBUrRQg?steps=34&angle=15): linear gradient, `#392bff` `#3b33ff` `#3e3bff` `#4145ff` `#454eff` `#4957ff` `#4b60ff` `#4c6aff` `#4d73ff` `#4d7eff` `#4d88ff` `#4e91ff` `#509aff` `#51a1ff` `#52a7ff` `#50adff` `#4eb3ff` `#4bb8ff` `#47bcff` `#44beff` `#41bfff` `#3fbeff` `#3dbcff` `#3bb8ff` `#3ab3ff` `#38aeff` `#36a8ff` `#33a2ff` `#309aff` `#2e91ff` `#2f87ff` `#327dff` `#3674ff` `#396dfe`
8. [Monochrome navy, blue and light blue](https://grabient.com/kWODO7tDo_07MP5nKD-ege_g?style=radialGradient&steps=32): radial gradient, `#09183b` `#0a1b42` `#0b1f4c` `#0d2459` `#0e2967` `#102f76` `#123686` `#143c95` `#1643a2` `#174ab0` `#1851be` `#1958cc` `#1a60da` `#1c68e7` `#2071f3` `#267afc` `#3484ff` `#448eff` `#5398ff` `#61a1ff` `#6faaff` `#7db2ff` `#89bbff` `#96c2ff` `#a2c9ff` `#aed1ff` `#bad8ff` `#c6dfff` `#d1e5ff` `#dbebff` `#e3f0ff` `#e9f3ff`
9. [Blue color palette](https://grabient.com/ka7hulaKRBFTAwVATkDrrvAENJP5aNz7g?steps=32&angle=135): linear gradient, `#d3efff` `#c9ebff` `#bce6ff` `#addfff` `#9dd7ff` `#8dcfff` `#7dc6ff` `#6bbcff` `#59b1ff` `#47a5ff` `#3799fe` `#2a8dfa` `#1e80f6` `#1574f0` `#0f67ea` `#0c5ce1` `#0c51d6` `#0b47c5` `#093eb2` `#0837a1` `#073395` `#073494` `#07389c` `#0741ac` `#084cbf` `#0958d1` `#0d64de` `#1872e7` `#2681ee` `#3790f4` `#459df8` `#50a5fc`
10. [Monochrome blue to light blue](https://grabient.com/kUfs-7zso_-MoQNwFL-g?steps=32&angle=135): linear gradient, `#0042f8` `#0043fc` `#0147ff` `#064dff` `#0d54ff` `#155bff` `#1d61ff` `#2668fe` `#2e6efe` `#3774fe` `#3f7afe` `#487ffe` `#5285fe` `#5b8afe` `#6590fe` `#6f96ff` `#799bff` `#82a1ff` `#8aa6fe` `#92abfe` `#99b0fe` `#9fb5fe` `#a5b9fe` `#aabefe` `#afc2fe` `#b4c6fe` `#b8cafe` `#bccdfe` `#c0d0ff` `#c3d3ff` `#c6d5ff` `#c9d7ff`
11. [Blue color palette](https://grabient.com/kU9hKa8BtBF-1QXNw8Fg?steps=32): linear gradient, `#e4f9ff` `#e0f8ff` `#dcf7ff` `#d6f5ff` `#d0f3ff` `#caf1ff` `#c3effe` `#bcecfe` `#b5e9fe` `#aee7fe` `#a6e4fe` `#9ee1fe` `#96deff` `#8ddaff` `#84d6ff` `#7bd2ff` `#72ceff` `#69caff` `#60c6ff` `#56c1ff` `#4cbcff` `#42b8ff` `#37b3ff` `#2dadfe` `#24a7fc` `#1ba1fa` `#129bf7` `#0995f5` `#0190f3` `#008bf0` `#0087ee` `#0084ec`
12. [Cobalt ice electric rings](https://grabient.com/kYoJC4vk3AXsIupcnUIO25ECouPy?style=radialGradient&steps=48&angle=0): radial gradient, `#3683fe` `#337ffb` `#2f77f7` `#2b6ef1` `#2763eb` `#2459e5` `#2150df` `#1f4ada` `#1b49d7` `#154dd6` `#0b58d7` `#046ada` `#1680df` `#3598e4` `#58b0e9` `#7dc7ef` `#a1daf4` `#c1eaf9` `#d9f5fd` `#e6f9ff` `#eaf9fe` `#e7f6fa` `#dfeff4` `#d2e6ec` `#c2dbe5` `#b0d0de` `#9dc5d8` `#8abbd4` `#78b1d3` `#64a9d4` `#4ba0d9` `#2c95e1` `#0088e9` `#007ae9` `#006aee` `#0152ff` `#1f3dff` `#2c21ff` `#3100f8` `#3000e9` `#2c00dc` `#2700d1` `#2016bf` `#1922ac` `#13299b` `#112d8b` `#102e7e` `#112f75`
13. [Blue periwinkle ice fade](https://grabient.com/kSfJu68BVA9ydO8?steps=56&angle=135): linear gradient, `#0e51d6` `#1554d7` `#1c57d8` `#235cda` `#2b60dc` `#3265dd` `#3a6adf` `#4270e1` `#4a75e4` `#537be6` `#5b81e8` `#6387ea` `#6c8dec` `#7493ef` `#7c99f1` `#849ff3` `#8ca5f4` `#94abf6` `#9bb1f8` `#a2b7f9` `#a9bcfb` `#afc1fc` `#b5c6fd` `#bacafe` `#bfceff` `#c3d1ff` `#c6d4ff` `#c9d6ff` `#cad8ff` `#cbd9ff` `#cbd9fe` `#cbdafe` `#cad9fd` `#c9d9fc` `#c7d8fa` `#c4d7f9` `#c2d5f7` `#bed3f6` `#bbd1f4` `#b7cff2` `#b3cdf0` `#aecbee` `#aac8ec` `#a5c6ea` `#a0c3e8` `#9bc1e5` `#96bfe3` `#91bce1` `#8dbadf` `#88b8dd` `#84b6db` `#80b4d9` `#7cb3d7` `#79b1d5` `#77b0d4` `#75afd3`
14. [Navy silver electric beam](https://grabient.com/kWdty_m66_RwZv_wFUC1749Y?steps=64&angle=135): linear gradient, `#2c08fe` `#2a09f7` `#270bef` `#230ce4` `#1f0dd9` `#1b0dcd` `#170dc0` `#130db2` `#0e0da5` `#0a0d97` `#070c8b` `#040c7e` `#020b73` `#010b69` `#000b60` `#000b58` `#000b52` `#000a4d` `#000a47` `#000943` `#00083e` `#00073a` `#000737` `#000634` `#000632` `#000631` `#000730` `#000830` `#010b31` `#020d32` `#041135` `#071539` `#0c1b3d` `#142244` `#1d2c4d` `#283758` `#354364` `#435172` `#525f80` `#626f90` `#727fa0` `#828eaf` `#929ebf` `#a1acce` `#aeb9dc` `#b9c5e9` `#c2cff5` `#c8d6fe` `#cddaff` `#cfdcff` `#cfddff` `#cbdbff` `#c5d8ff` `#bdd3ff` `#b3ceff` `#a7c8ff` `#9ac2ff` `#8cbcff` `#7db6ff` `#6db0ff` `#5daaff` `#4da6ff` `#3da2ff` `#2fa0ff`
15. [Cyan violet neon rings](https://grabient.com/kYr3S8RMS_MFkwe0uL5Xq-8J-vxA?style=radialGradient&steps=64&angle=0): radial gradient, `#6896fd` `#6594fb` `#6092f9` `#5b8ef6` `#558bf2` `#4e87ee` `#4683ea` `#3e7ee6` `#367ae2` `#2e76df` `#2572dc` `#1d6eda` `#166bd9` `#1067d9` `#0e64db` `#1161de` `#175de3` `#1e59e8` `#2655ed` `#2e50f2` `#354bf7` `#3c46fc` `#4241ff` `#463eff` `#493aff` `#4936ff` `#4833fd` `#4632f7` `#4232ef` `#3d32e5` `#3833db` `#3234d0` `#2c35c5` `#2637bb` `#2138b1` `#1c3aa9` `#183da3` `#14419f` `#12459e` `#0f4ca0` `#0e55a5` `#0e60ad` `#106cb6` `#147ac0` `#1a87ca` `#2195d4` `#28a1dd` `#2face5` `#34b4eb` `#38baee` `#3abbef` `#38b9ec` `#34b2e6` `#2ca7dd` `#2399d2` `#188ac5` `#0a79b7` `#0068a8` `#005797` `#004688` `#003779` `#002a6e` `#001d66` `#02155e`
16. [Periwinkle azure diagonal](https://grabient.com/kWiki9XzI9kZFQVRRcEYRJAQ?steps=48&angle=225): linear gradient, `#546daa` `#5571ae` `#5776b5` `#597dbc` `#5b84c5` `#5e8dce` `#5f95d8` `#619de1` `#61a5ea` `#61abf1` `#5fb1f8` `#5db4fc` `#59b5ff` `#55b3ff` `#4cafff` `#43aafc` `#3aa3f9` `#309bf4` `#2692f0` `#1c89eb` `#1481e7` `#0e79e3` `#0c73e0` `#0d6ede` `#116cde` `#176adf` `#1c6ae1` `#226ae5` `#296ce8` `#2f6eec` `#3570f1` `#3c73f5` `#4376f8` `#4979fb` `#4f7dfd` `#5580fe` `#5b84fd` `#6288fc` `#698df9` `#7192f5` `#7997f1` `#819cec` `#88a0e7` `#90a5e2` `#97a9de` `#9dacd9` `#a2afd5` `#a6b1d3`
17. [Cyan black violet halo](https://grabient.com/kYqITGFpM92OvPPqh729C-9jpHx6?style=radialGradient&steps=56&angle=0): radial gradient, `#7c82ff` `#737af0` `#656fdb` `#5661c3` `#4553a7` `#35438b` `#263570` `#192858` `#0f1d44` `#081534` `#05102b` `#041028` `#05142c` `#091d36` `#102947` `#183a5c` `#214d76` `#2b6391` `#347aad` `#3e90c8` `#46a5e0` `#4fb8f3` `#58c5ff` `#6dcdff` `#79d3ff` `#7fd7ff` `#86d8fc` `#92d7f4` `#9dd5ec` `#a6d3e3` `#aed0dc` `#b5ced6` `#b9cdd3` `#bcced3` `#bdd1d6` `#bcd6db` `#badce1` `#b7e3e8` `#b1ebef` `#aaf2f5` `#a0f8fa` `#94fdfd` `#8cfffe` `#7dfffe` `#5ffdff` `#42f6fd` `#00ebfb` `#00daf4` `#00c8eb` `#00b4e1` `#00a0d6` `#008dcc` `#007ac4` `#0069bf` `#0059bf` `#064ac2`
18. [Quiet royal blue field](https://grabient.com/kSb8rAO7w_UY9v0?steps=64&angle=45): linear gradient, `#2b10e7` `#2a13e6` `#2a17e5` `#291ae4` `#291de2` `#2821e1` `#2824df` `#2726de` `#2729dc` `#262cda` `#262fd8` `#2531d6` `#2533d4` `#2436d2` `#2438d0` `#243ace` `#243ccc` `#243eca` `#2440c8` `#2441c6` `#2443c4` `#2545c2` `#2546c0` `#2647be` `#2649bd` `#274abb` `#274bba` `#284db9` `#284eb8` `#294fb7` `#2a50b6` `#2a51b6` `#2b52b5` `#2b53b5` `#2b53b5` `#2c54b5` `#2c55b6` `#2d56b6` `#2d57b7` `#2d58b7` `#2e59b8` `#2e5ab9` `#2e5bba` `#2e5cbb` `#2e5ebd` `#2e5fbe` `#2e60bf` `#2f61c1` `#2f62c2` `#2f63c3` `#2f64c5` `#2e65c6` `#2e65c7` `#2e66c9` `#2e67ca` `#2e68cb` `#2e69cd` `#2e6ace` `#2e6acf` `#2e6bd0` `#2e6cd1` `#2d6cd2` `#2d6dd2` `#2d6dd3`
19. [Ice lavender blue halo](https://grabient.com/kUlne1QcXBOmeQKkQz-A?style=radialGradient&steps=32&angle=0): radial gradient, `#2a7ddc` `#297bdb` `#2677da` `#2372d9` `#206dd7` `#1e67d5` `#1e62d4` `#205dd3` `#235ad2` `#2759d2` `#2e5ad3` `#365fd5` `#4268da` `#5175e0` `#6283e7` `#7593ee` `#87a2f5` `#98b0fb` `#a6bbff` `#b0c3ff` `#b5c6ff` `#b2c4fd` `#a9bbf6` `#9aaceb` `#869adf` `#7086d1` `#5970c1` `#4359b2` `#2e44a3` `#1e2f96` `#131a8b` `#0f0482`
20. [Cyan violet electric rings](https://grabient.com/kY10aPwF7K1FCO1GPcB7TC3yUmyA?style=radialGradient&steps=40&angle=0): radial gradient, `#79e0e7` `#5cd6ea` `#2fc7f1` `#00b0f8` `#1d94ff` `#4874ff` `#6152f8` `#6f32ed` `#751be5` `#751ae4` `#712ce9` `#6943f0` `#5d59f6` `#4e6dfa` `#3e7dfa` `#3088f8` `#2a8cf5` `#2a8af0` `#2d84ea` `#317ce3` `#3474dc` `#356dd7` `#346ad3` `#2f6bd2` `#2274d5` `#0086da` `#009cdc` `#00b4e2` `#00cce8` `#00e0eb` `#30ebea` `#43ede5` `#3ee3de` `#26ced3` `#00b1c3` `#0090ad` `#006f95` `#00517e` `#00396c` `#03285f`
21. [Silver navy violet glow](https://grabient.com/kUmajNwcA8DSRwRoE8CA?style=radialGradient&steps=56&angle=0): radial gradient, `#835aff` `#805bfe` `#7c5bfd` `#785cfc` `#725dfb` `#6d5ef9` `#665ff8` `#5f60f5` `#5861f3` `#5162f0` `#4963ed` `#4063ea` `#3864e6` `#2f65e2` `#2665de` `#1d65d9` `#1365d4` `#0a65d0` `#0364cb` `#0263c6` `#0462c1` `#0a60bb` `#115eb4` `#165cad` `#1b59a5` `#20569e` `#245496` `#27518f` `#2a4f88` `#2c4c81` `#2f4b7b` `#314975` `#334870` `#35476c` `#374869` `#3a4867` `#3d4a66` `#404c66` `#444f68` `#49536b` `#4e5870` `#545e76` `#5b657d` `#626c84` `#6a748d` `#727c96` `#7a849f` `#828ca9` `#8a95b3` `#929dbc` `#9aa5c5` `#a1acce` `#a7b3d6` `#adb9dd` `#b2bee3` `#b7c3e8`
22. [Violet blue cyan sweep](https://grabient.com/kWylOKUEjH8DUQDK3sQUyw5I?steps=64&angle=225): linear gradient, `#4ed3d2` `#44d1d4` `#37cfd6` `#25ccda` `#00c9de` `#00c4e0` `#00bfe3` `#00bae6` `#00b4e9` `#00aeed` `#00a7f2` `#00a1f8` `#0899fe` `#2492ff` `#338cff` `#3b86ff` `#4180ff` `#437bfe` `#4477fd` `#4372fb` `#416ff9` `#3e6bf6` `#3968f4` `#3465f2` `#2e62ef` `#2760ed` `#205deb` `#195be9` `#1359e8` `#0f57e7` `#1055e6` `#1553e6` `#1d51e7` `#284ee9` `#324ceb` `#3d49ed` `#4846f0` `#5243f3` `#5c40f5` `#663df7` `#703af8` `#7838f9` `#8036fa` `#8736fb` `#8d36fb` `#9237fb` `#953afc` `#963dfd` `#9543fe` `#9249ff` `#8d51ff` `#875aff` `#7f61ff` `#7769ff` `#6d70fe` `#6478fa` `#5a7ef6` `#5184f1` `#4a8aeb` `#448ee5` `#4192e0` `#3f95db` `#4097d7` `#4198d3`
23. [Vivid royal blue field](https://grabient.com/kWPVC7slC_79iv_E3L_SdE_g?steps=6&angle=315): linear gradient, `#031752` `#0028a5` `#0039e4` `#024bff` `#065efe` `#0b70fa`
24. [Azure cobalt folded glow](https://grabient.com/kSfqHDWTq8kVRRG?style=angularGradient&steps=13&angle=45): angular gradient, `#4446dc` `#3f55e2` `#3669e9` `#2c7ff0` `#2692f5` `#29a0f9` `#2fa6fc` `#35a2fd` `#3e95fd` `#4a83fb` `#576ff6` `#615bef` `#674de9`
25. [Blue indigo diagonal fade](https://grabient.com/kWUXrMr8g-TxLvtORr7YrW8w?steps=5&angle=225): linear gradient, `#350e81` `#2a22a6` `#1c4bce` `#1182f5` `#23c7ff`
26. [Cobalt to cyan gradient](https://grabient.com/kYUWi6Nkg_8TXv_OTL9WL4-mO1Pa): linear gradient, `#00297a` `#003da9` `#0052e6` `#016eff` `#058cff` `#0facff` `#18cbff`

## Other forms

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