# Dark blue gradients

Deep navy, midnight and ink blues, from near black to sapphire.

![Dark blue gradients: a collection of color palettes](https://grabient.com/dark-blue-gradients.png?t=1793714436378)

- Page: https://grabient.com/dark-blue-gradients
- Palettes: 20
- Color: `#00008b` `rgb(0 0 139)` `hsl(240 100% 27%)` `oklch(28.8% 0.199 264.1)`
- Tags: dark blue, navy blue, royal blue, midnight blue, sapphire
- Collected by: Grabient
- Updated: 2026-11-03

## Palettes

1. [Blue electric blue palette](https://grabient.com/kSN128MUS_0XdP8?steps=5&angle=180): linear gradient, `#000a53` `#021c76` `#0533a6` `#054ad9` `#085dff`
2. [Midnight to sapphire](https://grabient.com/kEQUHD0LGjMRI6axH1-oA?steps=32&angle=135): linear gradient, `#05070f` `#050811` `#060913` `#060a16` `#070c19` `#080e1d` `#081021` `#091225` `#0a1429` `#0a172d` `#0b1932` `#0b1c36` `#0c1e3b` `#0d2140` `#0d2445` `#0e274a` `#0f2a50` `#0f2e56` `#10315c` `#113461` `#123867` `#123b6d` `#133f73` `#14437a` `#164780` `#174b87` `#194f8e` `#1a5394` `#1c579a` `#1d5aa0` `#1e5da4` `#1f5fa8`
3. [Blue electric blue palette](https://grabient.com/kUziqTTirHDJNwSmyL7A?steps=4&angle=180): linear gradient, `#95ccd4` `#6581cb` `#371fb4` `#100390`
4. [Ink to harbor blue](https://grabient.com/kEQoRKEAH1QQNAeBEoKiA?steps=32&angle=135): linear gradient, `#0a1128` `#0a122a` `#0a132e` `#091332` `#091536` `#08163b` `#061740` `#051945` `#041a4a` `#021c4e` `#001e53` `#002156` `#002359` `#00265c` `#002860` `#002b64` `#002e67` `#01316b` `#03356e` `#033972` `#033d75` `#034279` `#01477e` `#004e82` `#005587` `#005d8c` `#006491` `#006c95` `#01739a` `#07799d` `#0d7ea0` `#1282a2`
5. [Blue navy palette](https://grabient.com/kSLFO8JjE_j0_P2?steps=5&angle=225): linear gradient, `#000241` `#001251` `#00266e` `#004197` `#0059bb`
6. [Night sky into royal blue](https://grabient.com/kCQIGF0eOooTuC9g?steps=32&angle=135): linear gradient, `#020617` `#02071b` `#03091f` `#040b24` `#050e2a` `#061131` `#071439` `#091841` `#0b1b49` `#0e1f52` `#10235b` `#132764` `#152b6d` `#183076` `#1a347e` `#1d3886` `#1f3c8e` `#214095` `#24459d` `#264aa5` `#284fad` `#2b55b6` `#2d5abe` `#2f5fc5` `#3165cd` `#336ad4` `#356fdb` `#3674e2` `#3878e8` `#397ced` `#3a7ff2` `#3b82f6`
7. [Powder blue cobalt fade](https://grabient.com/kY1TzG2rQ_EbMv41Xb9rVk_6dMv-?steps=6&angle=180): linear gradient, `#bec5ff` `#839bfb` `#4262ec` `#0223d5` `#0200b8` `#010197`
8. [Navy to slate blue](https://grabient.com/kEQsTK0cJUETpQaxb4-1A?steps=32&angle=135): linear gradient, `#0b132b` `#0c142c` `#0d152e` `#0e162f` `#101831` `#111933` `#131b35` `#151d38` `#171f3a` `#19213d` `#1b2440` `#1d2743` `#202a46` `#222e4a` `#24324d` `#273651` `#2a3a55` `#2d3e59` `#30435e` `#344862` `#374d67` `#3b526d` `#405773` `#455e7b` `#4b6583` `#516c8b` `#577393` `#5d7a9c` `#6280a3` `#6786aa` `#6c8bb0` `#6f8fb5`
9. [Blue color palette](https://grabient.com/kUMDzEHSY-SUov4uJ79A?steps=5&angle=270): linear gradient, `#0c0b37` `#041247` `#001f55` `#002d67` `#053d75`
10. [Deep ocean blue](https://grabient.com/kCQAIFEAHT0QA1Zg?steps=32&angle=135): linear gradient, `#000814` `#000915` `#000a17` `#000b19` `#000c1b` `#000d1e` `#000e20` `#001023` `#001126` `#001329` `#00142c` `#00162f` `#001833` `#001936` `#001b39` `#001c3c` `#001e3e` `#001f41` `#002144` `#002347` `#00244a` `#00264d` `#012850` `#012a53` `#002b56` `#002d59` `#002f5c` `#00305e` `#003261` `#003363` `#003464` `#003566`
11. [Ink to Periwinkle Steps](https://grabient.com/kUKUS8Kas_T4tQFQH8Mg?style=linearSwatches&steps=6&angle=180): linear swatches, `#000535` `#001c55` `#0d3a7b` `#2a559c` `#5d6db3` `#8880ba`
12. [Navy, slate and fog](https://grabient.com/kGQ0bKkbJjsUFadxd42pPg4d1_w?style=linearSwatches&steps=5): linear swatches, `#0d1b2a` `#1b263b` `#415a77` `#778da9` `#e0e1dd`
13. [Deep indigo blue gradient](https://grabient.com/kWWXPOLUk97XPv1Ew791qw-I?steps=6&angle=315): linear gradient, `#3e1e85` `#2a189b` `#1f25b5` `#2345cc` `#3572db` `#579ee0`
14. [Navy to cornflower](https://grabient.com/kCRQhPUfPIgVp72A?steps=32&angle=135): linear gradient, `#14213d` `#142240` `#152343` `#152446` `#15254a` `#15274f` `#152854` `#162a59` `#162b5e` `#172d64` `#172f69` `#18316f` `#193375` `#1b367b` `#1c3880` `#1e3b85` `#203d8b` `#234190` `#264596` `#2a499b` `#2e4da1` `#3252a7` `#3757ad` `#3b5cb3` `#4060b9` `#4565be` `#496ac4` `#4d6ec9` `#5172cd` `#5576d1` `#5879d5` `#5a7bd8`
15. [Blue jewel tones palette](https://grabient.com/kUNS-9LDE_EDJP_PzL9g?steps=6&angle=180): linear gradient, `#0a1535` `#07255c` `#003d8a` `#0056c0` `#0070e7` `#0086fc`
16. [Midnight to bright blue](https://grabient.com/kEQ8XKkXJVQR5ArxYKX6A?steps=32&angle=135): linear gradient, `#0f172a` `#0f182c` `#10192f` `#101a32` `#111b35` `#121c39` `#131e3d` `#141f42` `#152147` `#16234c` `#172452` `#182658` `#182860` `#192968` `#192b71` `#192c7a` `#1a2e83` `#1a308d` `#1b3397` `#1c37a0` `#1d3ca9` `#1f42b2` `#214bba` `#2555c3` `#2b60cc` `#326cd4` `#3a78dc` `#4383e4` `#4b8eeb` `#5497f1` `#5b9ff6` `#60a5fa`
17. [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`
18. [Navy to Muted Teal Steps](https://grabient.com/kUQUm-LJ2-7oVPTGk7rA?style=linearSwatches&steps=13): linear swatches, `#0e1c53` `#102256` `#15295a` `#1a3260` `#1f3a64` `#234268` `#294b6c` `#2f5470` `#355c73` `#3a6676` `#3f6f79` `#46787b` `#4c7d7b`
19. [Blue glass palette](https://grabient.com/kUOmK_tDK_dSlPdyF7yg?steps=6&angle=315): linear gradient, `#0a085a` `#16287a` `#2c53a1` `#5088c4` `#7dbee4` `#ade8fb`
20. [Blue color palette](https://grabient.com/kUR0m6tbBA0c7QHVv0Ag?style=linearSwatches&steps=13): linear swatches, `#0a2459` `#112a64` `#1b3373` `#273c84` `#324595` `#3c4ea4` `#4556b4` `#4f5fc3` `#5968d2` `#6271df` `#6c7aec` `#7582f7` `#7b88ff`

## Other forms

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