# Indigo gradients

Deep navy and midnight blue shift through cobalt, indigo, violet, and lavender, ranging from near-black bases to pale and electric highlights.

- Page: https://grabient.com/indigo-gradients
- Palettes: 16
- Tags: indigo, gradients, navy, cobalt, violet, lavender, electric
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [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`
2. [Near-black, cobalt blue and violet indigo palette](https://grabient.com/kUJCGwp6vBEI6QgxqEKA?style=angularGradient&steps=32&angle=210): angular gradient, `#000a19` `#000c1c` `#000e21` `#001126` `#00152d` `#001934` `#001d3c` `#002145` `#00254f` `#002959` `#002c65` `#002f71` `#08347b` `#123a86` `#1c4091` `#25469b` `#2f4ba6` `#3851af` `#4055b7` `#4858be` `#4f5ac2` `#545bc3` `#5759c0` `#5956bb` `#5a52b3` `#5a4daa` `#5848a0` `#564396` `#533e8c` `#513a83` `#4e377c` `#4d3577`
3. [Blue and violet indigo palette](https://grabient.com/kSMyTLvS9A6AZv0?style=radialGradient&steps=32&angle=0): radial gradient, `#15122b` `#17142f` `#1b1735` `#1f1a3c` `#241f44` `#2a234d` `#312857` `#372d61` `#3e326b` `#453775` `#4c3c7e` `#534087` `#58448f` `#5d4796` `#614a9b` `#634b9d` `#644b9e` `#634b9d` `#61499a` `#5d4695` `#59438f` `#533f88` `#4e3b80` `#483778` `#42336f` `#3c2e67` `#362a5e` `#302657` `#2c2250` `#281f49` `#241c45` `#221b41`
4. [Blue indigo palette](https://grabient.com/kW1jDMWqy_cpBv0-xr-Ki5AQ?steps=32&angle=135): linear gradient, `#c8c6f5` `#c4c2f5` `#bfbdf4` `#b9b7f3` `#b2b1f1` `#abaaf0` `#a3a3ef` `#9c9ced` `#9696ec` `#8f90eb` `#888aea` `#8184e9` `#7a7ee8` `#7477e7` `#6d72e6` `#676ce4` `#6267e2` `#5d63e0` `#595fdf` `#555cdd` `#5158db` `#4d55d8` `#4951d4` `#464dce` `#4249c6` `#3e44ba` `#3a3ead` `#36399f` `#323392` `#2f2f86` `#2b2b7c` `#292874`
5. [Aubergine indigo palette](https://grabient.com/kWRF_LK0I_zZVP8-3T_yVhAI?steps=32): linear gradient, `#251061` `#261064` `#281069` `#2a106f` `#2c1075` `#2f107c` `#321183` `#34118a` `#371191` `#391297` `#3c129f` `#3f13a6` `#4113ae` `#4414b5` `#4716bc` `#4917c3` `#4c19c9` `#4e1bce` `#501cd3` `#521ed8` `#5421dc` `#5623e0` `#5826e4` `#5b2ae8` `#5e2eec` `#6134ef` `#643af2` `#683ff5` `#6c45f8` `#6f49fa` `#724dfc` `#7450fe`
6. [Blue color palette](https://grabient.com/kSfEW2VRlALqiQ6?style=radialGradient&steps=32): radial gradient, `#3a6195` `#3c6397` `#406699` `#446a9c` `#486e9f` `#4d72a3` `#5377a6` `#587caa` `#5e81ae` `#6486b2` `#698ab5` `#6e8eb9` `#7292bb` `#7694bd` `#7996bf` `#7a97c0` `#7b96bf` `#7b94be` `#7991bc` `#778dba` `#7589b6` `#7283b3` `#6f7dae` `#6b77aa` `#6871a5` `#656ba0` `#62659b` `#5f5f97` `#5d5992` `#5b558e` `#59518b` `#584e89`
7. [Blue and violet color palette](https://grabient.com/kSjKCySNPCUdQQk?steps=32): linear gradient, `#0074c9` `#0074cb` `#0073cf` `#0073d2` `#0072d7` `#0071dc` `#006fe3` `#006deb` `#006af4` `#1469f7` `#2268f9` `#2c66fa` `#3465fb` `#3b64fb` `#4163fc` `#4762fc` `#4b61fc` `#505ffc` `#545efb` `#595dfa` `#5d5bf9` `#615af8` `#6458f6` `#6857f5` `#6b55f3` `#6e54f1` `#7052ef` `#7351ee` `#7550ec` `#774feb` `#784ee9` `#7a4ee8`
8. [Blue and aubergine color palette](https://grabient.com/kSR0nHUtBBCYoQQ?style=radialGradient&steps=32&angle=45): radial gradient, `#211f58` `#25225f` `#2a2668` `#302b73` `#37307f` `#3f378e` `#483e9d` `#5145ad` `#5b4cbd` `#6453cc` `#6e5adb` `#7760e9` `#7f65f5` `#8669ff` `#8b6fff` `#8f72ff` `#9071ff` `#906dff` `#8e67fe` `#8a62f4` `#855ce8` `#7e56db` `#764fcc` `#6e48bc` `#6640ad` `#5d399d` `#55328f` `#4d2c81` `#452775` `#3f226a` `#3a1e62` `#361b5c`
9. [Blue indigo palette](https://grabient.com/kY9A_N8ZQ_2Yjv5YM79yj8_bw9P4?style=radialGradient&steps=32&angle=0): radial gradient, `#f1f0ff` `#efeeff` `#eceaff` `#e8e6ff` `#e3e2ff` `#dfddff` `#dad8ff` `#d6d3ff` `#d1ceff` `#cbc9fe` `#c6c4fe` `#c0befd` `#bab9fc` `#b4b3fb` `#adadfa` `#a6a7f9` `#9fa0f7` `#989af5` `#9194f3` `#8a8ef1` `#8388ef` `#7c82ec` `#757cea` `#6e76e7` `#6870e3` `#626ade` `#5b65d8` `#545fd1` `#4e59c9` `#4854c2` `#4450bc` `#404db8`
10. [Soft navy violet electric gradient](https://grabient.com/kWLCa_KSa_by-QVOPsJbBvA4?steps=32&angle=45): linear gradient, `#070e27` `#08102c` `#0a1332` `#0c183a` `#0e1c43` `#10214d` `#122657` `#152b61` `#18306b` `#1b3476` `#203880` `#253c8c` `#2c3f97` `#3343a2` `#3a46ac` `#434ab6` `#4b4dbe` `#5450c5` `#5d52ca` `#6755cf` `#7058d3` `#7a5cd7` `#8461da` `#8d67dd` `#9770e1` `#a27be5` `#ad88e9` `#b896ec` `#c2a4ef` `#cbb0f2` `#d3baf5` `#d9c2f7`
11. [Analogous purple to navy](https://grabient.com/kUpXjou7o-qWovacFL7A?steps=32&angle=180): linear gradient, `#c266c3` `#be63c0` `#b95fbd` `#b35bb9` `#ac55b5` `#a550b0` `#9d4aab` `#9645a6` `#8e40a0` `#863b9b` `#7f3696` `#773392` `#702f8d` `#682c87` `#602982` `#58267c` `#512476` `#4a2170` `#431f6a` `#3d1d65` `#381b5f` `#331a5a` `#2f1955` `#2b1851` `#28174c` `#251747` `#221743` `#20163f` `#1e163b` `#1c1638` `#1b1635` `#1a1533`
12. [Periwinkle blue fade](https://grabient.com/kYkjmXwCnE7w4QY-uUCxa1AVCXvw?steps=15&angle=210): linear gradient, `#388594` `#2c7d9a` `#2c6fa1` `#3463a5` `#365ba9` `#3754ae` `#3c50b2` `#424fb5` `#4852b7` `#4f56b8` `#585cb8` `#6065b8` `#6871b7` `#737fb4` `#7c89b2`
13. [Muted plum indigo gradient](https://grabient.com/kYiCLnt5RCScaPGfKTuJra-zU5QE): linear gradient, `#7c647c` `#6d4b5e` `#4c2d4a` `#2a184b` `#14125d` `#18237f` `#333ea0`
14. [Deep cobalt field](https://grabient.com/kWV6u8Ldo_6_VQGzQ79vSm9w?steps=5&angle=225): linear gradient, `#0201af` `#0200bb` `#1b13b9` `#1138aa` `#15629a`
15. [Blue indigo diagonal fade](https://grabient.com/kWUXrMr8g-TxLvtORr7YrW8w?steps=5&angle=225): linear gradient, `#350e81` `#2a22a6` `#1c4bce` `#1182f5` `#23c7ff`
16. [Ivory blue dusk fade](https://grabient.com/kYPmLItDk98uuPvhHz68QW8_kLLk?steps=6&angle=270): linear gradient, `#1d065d` `#1f409e` `#497fc9` `#85b8e6` `#d0dde2` `#fdedda`

## Other forms

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