# Cyberpunk gradients

Dark navy runs into cyan, electric blue, violet, and magenta, with amber and orange fading through crimson to near-black.

- Page: https://grabient.com/cyberpunk-gradients
- Palettes: 26
- Tags: cyberpunk, gradients, cyan, blue, violet, magenta, amber, neon
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Monochrome navy to blue](https://grabient.com/kSJB21qzNAlLMO8?steps=32&angle=180): linear gradient, `#01091a` `#010b1d` `#010c20` `#010e25` `#010f2a` `#011130` `#011336` `#01163c` `#011843` `#021a4b` `#021d52` `#03205a` `#042362` `#04266a` `#042a72` `#022e7a` `#003382` `#003986` `#00408a` `#00488f` `#005094` `#005899` `#00609f` `#0069a4` `#0071aa` `#0079af` `#0080b4` `#0088b9` `#008ebe` `#0094c2` `#0099c5` `#009ec8`
2. [Cool light blue to blue](https://grabient.com/kWwDuUzjPFEHYwY_aUEwmnBw?steps=32): linear gradient, `#6ebecb` `#66bbcc` `#5cb5cd` `#53afcf` `#4aa7d0` `#439ed2` `#3f95d3` `#3d8dd5` `#3b85d7` `#377eda` `#3277dd` `#2d70e0` `#2769e4` `#2361e8` `#215aec` `#2353ef` `#284cf2` `#2d45f4` `#323ff7` `#3739f9` `#3b33fb` `#402efd` `#4528ff` `#4a23ff` `#501eff` `#5719ff` `#5e14ff` `#650dff` `#6b05ff` `#7102fe` `#7600fd` `#7900fc`
3. [Navy and violet cyberpunk palette](https://grabient.com/kSOEHDvUxCVRTxK?style=radialGradient&steps=32&angle=45): radial gradient, `#111243` `#131448` `#16164d` `#1a1754` `#1e1a5c` `#221c65` `#271e6e` `#2d2178` `#332382` `#3a268d` `#412897` `#482aa1` `#502caa` `#582eb3` `#6030bb` `#6732c1` `#6f33c6` `#7735cb` `#8037ce` `#8838d1` `#913ad3` `#9b3bd4` `#a43dd4` `#ad3fd4` `#b540d3` `#bd42d2` `#c543d0` `#cc45cf` `#d346cd` `#d848cb` `#dd49ca` `#e24ac9`
4. [Vivid cyan, blue and purple](https://grabient.com/kYz2WRY7FAVeyQxJwsPRNnDUnnwa?steps=32): linear gradient, `#00dceb` `#00dbeb` `#01dae9` `#03d8e8` `#04d7e6` `#01d4e5` `#00d1e4` `#00cce4` `#00c7e3` `#00c0e3` `#0bb9e3` `#14b2e2` `#1aabe2` `#1da3e2` `#219be3` `#2792e3` `#2f88e3` `#387ee4` `#4175e4` `#4b6ce5` `#5463e6` `#5e5ae8` `#6751e9` `#7047ea` `#793eea` `#8136ea` `#892eeb` `#9128ed` `#9923ef` `#a11ef1` `#a719f3` `#ac14f4`
5. [Navy, turquoise and rose cyberpunk palette](https://grabient.com/kULiyyTEi6kJTyXR0EcA?style=angularGradient&steps=32&angle=315): angular gradient, `#001228` `#00192f` `#002239` `#002e45` `#003c53` `#004c60` `#005c6e` `#006b7b` `#007a87` `#008691` `#008f9a` `#0093a1` `#0094a8` `#0092ad` `#008db2` `#0086b9` `#007ec1` `#0072d2` `#1b5eef` `#4451eb` `#5a46e7` `#6a3fe3` `#793bdf` `#8838da` `#9737d4` `#a537ce` `#b338c8` `#c03ac1` `#cb3cbb` `#d53eb5` `#dd40af` `#e342aa`
6. [Ochre, crimson and near-black cyberpunk palette](https://grabient.com/kY2GY83ki88nQPYzSLxora-w8Ou8?style=radialGradient&steps=32&angle=135): radial gradient, `#f8c655` `#f9c048` `#fcb835` `#ffad14` `#ffa200` `#fc9800` `#f98d00` `#f48300` `#ee7900` `#e76e00` `#df6400` `#d85800` `#d14b00` `#cb3c00` `#c62200` `#be0014` `#ae0026` `#9e002f` `#900033` `#840034` `#790032` `#70002f` `#67002b` `#5e0028` `#550026` `#4b0024` `#400022` `#330020` `#28001c` `#1d0018` `#130112` `#0c020d`
7. [Rose, magenta and near-black cyberpunk palette](https://grabient.com/kYqrz5VOe-8jav6ywD8nJ6_BAMvs?style=radialGradient&steps=32): radial gradient, `#fe2aaa` `#fe27ae` `#ff23b2` `#ff22b8` `#ff1cbd` `#ff0fc2` `#fc07c4` `#f702c3` `#f200c0` `#eb00bb` `#e300b5` `#da00ae` `#d000a8` `#c500a1` `#b80099` `#ab0090` `#9d0087` `#8f007d` `#810174` `#74036a` `#660660` `#590755` `#4c094a` `#400940` `#350937` `#2c082f` `#240727` `#1d0621` `#17051b` `#120417` `#0e0412` `#0c030f`
8. [Gold, wine and violet cyberpunk palette](https://grabient.com/kY3WY927s8jqrPibEjaJjC8r9OwC?steps=32&angle=135): linear gradient, `#fdcd5b` `#fdc653` `#fdbd47` `#fdb13b` `#fba42f` `#f79626` `#f08921` `#e57d1e` `#d67117` `#c5650e` `#b45a09` `#a24e0c` `#924214` `#83361e` `#702b27` `#5b222c` `#461b2c` `#34162a` `#281226` `#220f26` `#210e2a` `#230e32` `#270f3e` `#2d104c` `#32125b` `#38146a` `#3f1879` `#4a1e8b` `#56249e` `#632aaf` `#6e2fbe` `#7632c9`
9. [Near-black and turquoise color palette](https://grabient.com/kWEgu7K0G_9BQPFgujuC4e_4?steps=40&angle=135): linear gradient, `#010103` `#010208` `#010312` `#01051f` `#01082e` `#020b3f` `#030f51` `#041463` `#041976` `#022087` `#002c8e` `#003893` `#00449a` `#0050a0` `#005ca8` `#0068af` `#0073b6` `#007ebd` `#0088c2` `#0091c7` `#0099cc` `#00a3d1` `#00add6` `#00b8db` `#00c1df` `#00cae1` `#00d0e1` `#00d3de` `#00d2d7` `#00ccce` `#00c1c0` `#00aeac` `#009794` `#007c7a` `#00615f` `#004645` `#002e2e` `#001a1a` `#000b0b` `#000303`
10. [Near-black and violet color palette](https://grabient.com/kWHiS5HqvCU7QQ2dKDgkJI-I?style=radialGradient&steps=40&angle=225): radial gradient, `#000418` `#00051b` `#00051f` `#010523` `#020528` `#03062e` `#050634` `#09073c` `#0e0844` `#140b4d` `#1c0e58` `#271466` `#361c78` `#48258c` `#5d2e9f` `#7337b3` `#8840c4` `#9b47d2` `#a84ddd` `#ae51e4` `#aa52e7` `#9d51e4` `#894edc` `#6f4ace` `#5343bb` `#363ca5` `#18338c` `#002e6b` `#00274b` `#002038` `#001b2d` `#001625` `#00131f` `#00101b` `#000e18` `#000d16` `#000c14` `#000b13` `#000a11` `#000910`
11. [Near-black, violet and teal color palette](https://grabient.com/kWHRzNH6bAMPUwFXzsNaCutw?steps=32&angle=135): linear gradient, `#050312` `#060316` `#08041b` `#0b0521` `#0f0728` `#130831` `#190b3a` `#1e0e45` `#251252` `#2e1662` `#371b75` `#42218a` `#4e27a1` `#5a2db7` `#6633cb` `#7339dc` `#803fe7` `#9141ec` `#a542ea` `#b743e4` `#c746dc` `#d24bd7` `#d853d9` `#d85fe4` `#cd6ff9` `#b18cff` `#93a4ff` `#70b7ff` `#00c9fe` `#00d5e1` `#43dbc7` `#69ddb6`
12. [Blue and violet color palette](https://grabient.com/kaTHbHLcdAL7cwLNV8Dx9u_jlUPyqQb8g?steps=32&angle=315): linear gradient, `#26107b` `#28107f` `#2a1084` `#2d118a` `#311292` `#36139b` `#3d15a7` `#4517b5` `#4f1ac5` `#591dd4` `#6323e1` `#6d2bea` `#7835f1` `#8340f6` `#8c49fa` `#934ffc` `#9651fe` `#9650ff` `#934dfe` `#8e48fd` `#8842fa` `#823ef5` `#7a38ef` `#7132e6` `#682cdd` `#5f26d3` `#5621c9` `#4d1cbc` `#4419af` `#3b16a1` `#341495` `#2f128d`
13. [Blue and teal color palette](https://grabient.com/kYLDzHojg_DPOPvJ0D84LU8fKzOm?steps=32): linear gradient, `#0c0632` `#0e0638` `#100740` `#11074a` `#130855` `#150961` `#160b6c` `#170f78` `#171384` `#171890` `#151f9d` `#1226aa` `#0e2eb6` `#0837c1` `#0740cd` `#0a49d8` `#0e53e2` `#0e5eec` `#0769f4` `#0077f7` `#0085f7` `#0093f7` `#00a0f9` `#00acfa` `#06b8fb` `#19c4fa` `#1ccff9` `#1edbf7` `#27e6f4` `#35f0ef` `#46f7ea` `#54fde6`
14. [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`
15. [Pale blush, violet and navy color palette](https://grabient.com/ka4zH2X0JAVJVP_H1zuPVI8rI6Pidnb-g?style=radialGradient&steps=32&angle=270): radial gradient, `#fecbe5` `#ffc0e1` `#ffb1d9` `#ff9fd1` `#ff8bc8` `#fe79c0` `#fc6bb9` `#fa5eb1` `#f851a9` `#f445a4` `#ee3aa3` `#e632a8` `#da2eb2` `#cc2ebf` `#bb30cc` `#ab32d5` `#9c33d9` `#8d33dc` `#7e33dd` `#7033dc` `#6234d8` `#5535d2` `#4a37c9` `#3f39bf` `#363bb3` `#2e3aa6` `#263797` `#1f3286` `#192b72` `#14245e` `#101d4e` `#0d1943`
16. [Navy and aubergine color palette](https://grabient.com/kSKSzDp7NBsdQQu?steps=32&angle=180): linear gradient, `#070927` `#080929` `#0a0a2c` `#0b0b30` `#0d0c34` `#0f0d38` `#110e3c` `#140f41` `#170f46` `#1a104c` `#1d1151` `#211357` `#24145c` `#281562` `#2d1668` `#31176e` `#361974` `#3b1b7a` `#421d80` `#481f87` `#50228e` `#582495` `#60279c` `#682aa3` `#712caa` `#792fb0` `#8231b6` `#8a33bb` `#9135c0` `#9837c4` `#9e38c7` `#a339ca`
17. [Navy, turquoise and magenta cyberpunk palette](https://grabient.com/kYKyCzq58_EwnPJoMz0TFBKFTfx0?style=radialGradient&steps=32&angle=0): radial gradient, `#021022` `#021328` `#031930` `#031f3b` `#032746` `#033053` `#013a5f` `#00446b` `#005176` `#005e82` `#006d8e` `#007b9a` `#0089a4` `#0097af` `#05a8b8` `#19b9c1` `#29c9c8` `#30d6cf` `#25ded6` `#00dede` `#00d4e4` `#00c2e8` `#00aced` `#0892ff` `#4e78ff` `#6d63fe` `#8854f9` `#a249f2` `#bc41e8` `#d33bdd` `#e635d0` `#f32fc5`
18. [Near-black, deep cyan and violet cyberpunk palette](https://grabient.com/kYHBW4m5a-7GmP5Kqb2ZTE9MdZyi?steps=32&angle=45): linear gradient, `#01040e` `#010612` `#010817` `#010b1d` `#010f24` `#01142b` `#001933` `#001f3c` `#002547` `#002c52` `#00335e` `#003b6a` `#004475` `#004d7f` `#005789` `#006192` `#006c9a` `#0076a3` `#0082ac` `#008db5` `#059cbe` `#16acc6` `#26bcce` `#2ec9d6` `#29d2de` `#00d4e6` `#00caed` `#00b8f4` `#219fff` `#5180ff` `#6d5dff` `#7d43f5`
19. [Near-black, cobalt blue and magenta cyberpunk palette](https://grabient.com/kYISHBH6Q_Da4v1LwL9RNjDc1exO?style=radialGradient&steps=32&angle=0): radial gradient, `#030519` `#04071e` `#050925` `#050c2e` `#061138` `#071542` `#071a4d` `#082059` `#082766` `#092e74` `#093682` `#093f90` `#09479e` `#084faa` `#065ab6` `#0364c1` `#026fcc` `#0577d6` `#0d7ddf` `#197ee7` `#247aed` `#3072f1` `#3e67f3` `#4c5af4` `#5a4df4` `#6843f3` `#7a3cf2` `#8d36ef` `#a031ea` `#b12de2` `#c02ada` `#c927d4`
20. [Hot Magenta Amber Signal](https://grabient.com/kUMCrhMrxBlBSxNmuMgA?steps=32&angle=135): linear gradient, `#1d0924` `#210a29` `#270c2f` `#2d0d36` `#350e3e` `#3d0f46` `#47104f` `#501058` `#5b1160` `#661168` `#70126e` `#7b1273` `#871377` `#93137a` `#a0137c` `#ad137e` `#ba147d` `#c7167b` `#d41a78` `#e01f72` `#eb276b` `#f53162` `#fc3e56` `#ff514c` `#ff6443` `#ff7439` `#ff822e` `#ff8e1e` `#ff9800` `#fba30e` `#f7ac21` `#f4b32d`
21. [Acid Lime Teal Core](https://grabient.com/kUNheixKK-uO5ObyRjng?style=radialGradient&steps=32&angle=0): radial gradient, `#071c24` `#08202a` `#0a2732` `#0d2f3c` `#0f3847` `#124253` `#144c60` `#15576d` `#15637a` `#136e86` `#0d7890` `#008298` `#008b9f` `#0095a4` `#009ea8` `#00a8aa` `#00b1ac` `#00baac` `#00c3ab` `#00cba8` `#0dd3a3` `#30d99d` `#48de96` `#5ee38e` `#73e683` `#87e878` `#99ea6b` `#aaeb5e` `#baeb51` `#c7eb44` `#d3eb37` `#dcea2c`
22. [Amber Acid Teal Reactor](https://grabient.com/kUOhSTySY7-dFOhURrWA?style=radialGradient&steps=32&angle=0): radial gradient, `#0b2023` `#0c2629` `#0d2d30` `#0e3638` `#0e4142` `#0e4c4c` `#0e5956` `#0d655f` `#0e7267` `#107e6e` `#158972` `#1b9375` `#229e78` `#2ca879` `#37b279` `#45bc77` `#54c572` `#64cc6b` `#76d161` `#89d552` `#9cd63d` `#aed318` `#c1cc00` `#cfc300` `#d9b700` `#e1aa00` `#e69c00` `#ea8e00` `#ee7e00` `#f26e00` `#f3611b` `#f15a2f`
23. [Teal deep blue deep plum rings](https://grabient.com/kUwDuUsL3I7EaOIps0yg?style=radialGradient&steps=40&angle=0): radial gradient, `#6ebecb` `#64b9ca` `#58b1c9` `#4aa8c8` `#3d9cc7` `#3490c5` `#3081c3` `#3272bf` `#3763ba` `#3c54b3` `#4046ac` `#4239a4` `#412f9d` `#402897` `#3c2592` `#36268f` `#2d2a8c` `#222f88` `#133583` `#003c7c` `#004170` `#004569` `#004865` `#004a62` `#004b60` `#004c5f` `#004c5f` `#034b60` `#064962` `#0a4665` `#124369` `#1c3e6c` `#26396f` `#303370` `#3a2c6f` `#43256c` `#4a1d67` `#511661` `#550e5a` `#590755`
24. [Deep blue plum pale rose gradient](https://grabient.com/kWOEHDxV1C07hRMVDTOcZhNA?steps=48&angle=135): linear gradient, `#111243` `#15154c` `#1a1857` `#221b65` `#2a1f75` `#342287` `#402699` `#4c29ab` `#592cbd` `#672dcd` `#742edb` `#812ee5` `#8d2eec` `#992cf0` `#a828f1` `#b723ef` `#c61cea` `#d413e3` `#e004da` `#e800cf` `#ed00c5` `#ef00bd` `#ed00b7` `#e800b5` `#dc0cb6` `#c619b7` `#a922b6` `#8726af` `#6427a2` `#42268d` `#242374` `#071e59` `#001a39` `#001426` `#00101d` `#00101b` `#04131d` `#0e1b25` `#1d2833` `#2e3745` `#444a5c` `#5d5e75` `#7a748f` `#9989a7` `#b89dbd` `#d5b0cf` `#edbfdc` `#fecbe5`
25. [Teal black violet rings](https://grabient.com/kYz2WRSdLN5kZwCPErhx1tD0bWwc?style=radialGradient&steps=56&angle=0): radial gradient, `#00dceb` `#00d6f1` `#00cef9` `#30c4ff` `#55b8ff` `#6baaff` `#7c9aff` `#8d88ff` `#9e70ff` `#ad58f3` `#b446dc` `#b437c7` `#af2ab2` `#a51f9e` `#98178b` `#881279` `#770f69` `#660e5b` `#550d4d` `#460c41` `#380a37` `#2d082e` `#240727` `#1c0521` `#15041c` `#0f0318` `#090314` `#060211` `#03020f` `#02020d` `#01020d` `#01020f` `#000313` `#000418` `#000722` `#000c31` `#021344` `#0a1a5b` `#192274` `#2a2a8f` `#3d30aa` `#5136c3` `#643ad8` `#753ce9` `#833ef5` `#8c3ffb` `#943ffe` `#993efe` `#9c3cfb` `#9e3bf6` `#9e39f1` `#9e38ea` `#9d36e4` `#9c35df` `#9c34db` `#9c33d8`
26. [Black, dark purple and light blue](https://grabient.com/kcKTLwlJq_ZaevYaKT2rR67sQgO1WqT55bA_o?steps=8&angle=0): linear gradient, `#1e0017` `#1e001a` `#1e012a` `#1e0043` `#1f3b67` `#1e7991` `#19acbc` `#20d5e6`

## Other forms

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