# Dark gradients

Near-black gradients rise through navy and cobalt, deep teal, plum, crimson, and charcoal gray, with dark to midtone centers.

- Page: https://grabient.com/dark-gradients
- Palettes: 28
- Tags: dark gradients, black, blue, teal, purple, red, charcoal, moody
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Near-black and magenta dark palette](https://grabient.com/kWFw_jpSS_7q2wQgGb4i4e_4?style=angularGradient&steps=40&angle=135): angular gradient, `#040105` `#060208` `#0a030d` `#100413` `#16051a` `#1d0822` `#240a2b` `#2c0e34` `#34113c` `#3b1444` `#42164c` `#4a1a53` `#521d5b` `#5c2163` `#65246a` `#6e2871` `#762b77` `#7d2d7b` `#822f7f` `#843180` `#82317f` `#7e307c` `#762e77` `#6c2c70` `#622968` `#56255f` `#4b2155` `#411d4c` `#381a43` `#30163b` `#2a1434` `#24102d` `#1e0d26` `#190a20` `#14071a` `#0f0514` `#0b040f` `#08030b` `#050208` `#040105`
2. [Black to dark gray](https://grabient.com/kSMQbGJYI_q4CwC?steps=32): linear gradient, `#131418` `#141519` `#15161a` `#17171b` `#18191d` `#1a1a1e` `#1b1c20` `#1d1e21` `#1f1f23` `#212125` `#222326` `#242528` `#26272a` `#28292c` `#2a2a2d` `#2b2c2f` `#2c2d30` `#2e2e31` `#2f3033` `#303134` `#323236` `#333437` `#343538` `#35363a` `#37373b` `#38383c` `#39393d` `#3a3a3e` `#3b3b3f` `#3b3c40` `#3c3d41` `#3d3d41`
3. [Rose, aubergine and near-black color palette](https://grabient.com/kWr6D5Sdq9jHIvOYIL2B4S_4?style=radialGradient&steps=48&angle=25): radial gradient, `#f850ae` `#f64eae` `#f34baf` `#f047b1` `#ed43b3` `#e93eb4` `#e539b6` `#e034b8` `#db2eba` `#d629bb` `#cf24bd` `#c91fbd` `#c21bbd` `#ba18bd` `#b214bc` `#aa11ba` `#a10eb8` `#980bb6` `#8f09b2` `#8607af` `#7d06aa` `#7405a6` `#6b04a0` `#63049b` `#5b0495` `#53058e` `#4b0686` `#43077e` `#3b0876` `#34096d` `#2d0964` `#270a5b` `#210952` `#1c094a` `#170842` `#13073b` `#100634` `#0c052d` `#0a0426` `#070420` `#05031a` `#040214` `#03020f` `#02010b` `#020107` `#010104` `#010103` `#010102`
4. [Blue and mauve color palette](https://grabient.com/kYJEO7iZFBqQTTJAhbuTpKzMowQM?steps=34): linear gradient, `#00012f` `#00012a` `#000023` `#00001c` `#000014` `#00000f` `#01000c` `#02000d` `#050110` `#0e0213` `#1b0516` `#280b17` `#341318` `#3e1d1b` `#462622` `#4e312d` `#553c3a` `#5b4748` `#625254` `#685c5f` `#6e6469` `#746a72` `#78717d` `#7a7787` `#787d92` `#73839a` `#6d88a0` `#658ca5` `#5b8daa` `#4e8caf` `#4289b6` `#3886bc` `#3182c1` `#2c80c5`
5. [Monochrome black to blue](https://grabient.com/kUFCe7lq0_6dBv-3Vb_g?steps=32&angle=180): linear gradient, `#000010` `#000013` `#000016` `#00001b` `#000020` `#000025` `#00002b` `#000031` `#000037` `#000437` `#00053c` `#000741` `#000947` `#000b4d` `#000e53` `#00105a` `#001261` `#001568` `#00176f` `#001977` `#001c7e` `#001e85` `#00208d` `#002395` `#00269e` `#0028a6` `#002baf` `#002db7` `#0030be` `#0032c5` `#0034ca` `#0036cf`
6. [Near-black and teal color palette](https://grabient.com/kSLhmK0q9BZwQwU?style=radialGradient&steps=48&angle=0): radial gradient, `#001616` `#001919` `#001d1d` `#002121` `#002627` `#002c2d` `#003334` `#00393b` `#004143` `#00494b` `#005154` `#00595d` `#006166` `#006a6f` `#007278` `#007a81` `#00818a` `#008892` `#008f9a` `#0094a0` `#0099a6` `#009dab` `#00a0af` `#00a1b1` `#00a1b2` `#00a0b2` `#009eb0` `#009bad` `#0096a9` `#0091a3` `#008b9e` `#008497` `#007d90` `#007688` `#006e80` `#006677` `#005f6f` `#005766` `#004f5e` `#004856` `#00414e` `#003a46` `#00343f` `#002e39` `#002933` `#00252e` `#00222a` `#001f27`
7. [Near-black, deep teal and emerald color palette](https://grabient.com/kSMzp3rba-8YoPs?style=radialGradient&steps=40&angle=45): radial gradient, `#001c13` `#001d13` `#001e14` `#002015` `#002216` `#002418` `#002619` `#00281a` `#002a1c` `#002c1d` `#002f1f` `#003120` `#003422` `#003723` `#003a25` `#003c27` `#003f28` `#004229` `#00452b` `#00482c` `#004b2e` `#004e2f` `#005130` `#005432` `#005833` `#005b35` `#005f36` `#006337` `#006738` `#006a3a` `#006e3b` `#00723b` `#05753d` `#167840` `#207a43` `#287d46` `#2e7f48` `#33814b` `#38824d` `#3b844e`
8. [Monochrome black, navy and gray](https://grabient.com/kYGRauFw6_iYSP3HDL84wa_VkJP6?steps=64): linear gradient, `#00030a` `#00040b` `#00040d` `#00050e` `#000610` `#000712` `#000813` `#000a16` `#000b18` `#000d1a` `#000f1c` `#00111e` `#011220` `#011423` `#021625` `#021827` `#021a29` `#031b2b` `#031d2e` `#041f30` `#052233` `#062436` `#082738` `#0a293c` `#0d2d3f` `#113043` `#153447` `#1a394b` `#1f3e50` `#254355` `#2b495a` `#324f5f` `#395565` `#405b6b` `#476270` `#4e6876` `#546e7c` `#5b7481` `#617986` `#687f8b` `#6f8591` `#768b96` `#7d929c` `#8498a2` `#8c9ea7` `#92a4ad` `#99aab1` `#9fafb6` `#a4b3ba` `#a8b6bd` `#abb9bf` `#adbbc1` `#adbbc1` `#acbbc1` `#aab9bf` `#a8b7bd` `#a5b4bb` `#a1b1b8` `#9daeb5` `#99abb2` `#96a8b0` `#93a6ad` `#90a4ab` `#8fa2aa`
9. [Mauve, dusty blue and crimson color palette](https://grabient.com/kajCOSNpBAaWMQWdB0RJgxKrOfwtCK0EA?steps=32&angle=225): linear gradient, `#4f7a7f` `#4b767b` `#456f74` `#3f676d` `#385f65` `#32585e` `#2c5057` `#27484f` `#214047` `#1d3940` `#1a323a` `#182d35` `#162830` `#16232b` `#161f28` `#161d26` `#191d26` `#1d1e28` `#24202b` `#2c222d` `#35252f` `#3d2830` `#472a32` `#512c34` `#5d2e37` `#683139` `#72343b` `#7d383c` `#883d3f` `#924242` `#9b4645` `#a24946`
10. [Blue color palette](https://grabient.com/kWOiW8Q5--burwCuKsCHx1Ag?style=radialGradient&steps=32&angle=0): radial gradient, `#101b34` `#15223d` `#1c2c49` `#243858` `#2d4669` `#36537a` `#3e6089` `#436a96` `#45709f` `#4473a4` `#4172a6` `#3c70a6` `#366ca5` `#2f67a2` `#29629f` `#245d9d` `#20599a` `#1d5697` `#1a5194` `#174d8f` `#15498b` `#144486` `#124081` `#113c7b` `#113775` `#10336e` `#102e66` `#0f2a5e` `#0e2656` `#0e2250` `#0d1f4a` `#0c1d46`
11. [Violet Ember Dark Core](https://grabient.com/kWkj7bOT08Ciry0YDclCQW-4?style=radialGradient&steps=32&angle=0): radial gradient, `#876ba0` `#8267a2` `#7a63a6` `#6f5fab` `#625ab0` `#5356b3` `#4650b4` `#3e4ab2` `#4042ae` `#4938a6` `#542d99` `#5d2386` `#641970` `#681058` `#670940` `#63072c` `#5d081a` `#550c08` `#481500` `#3c1900` `#311900` `#291800` `#221600` `#1b1300` `#161001` `#110d02` `#0d0901` `#090601` `#060400` `#040200` `#030100` `#020100`
12. [Copper Indigo Dark Halo](https://grabient.com/kSk0kjKKMuogLxa?style=radialGradient&steps=32&angle=0): radial gradient, `#a96741` `#a86244` `#a65d49` `#a3574f` `#9e5156` `#974c5e` `#8e4866` `#84446d` `#774173` `#6a3e77` `#5c3c79` `#4e3a78` `#403876` `#323672` `#26346c` `#1c3166` `#142d60` `#0e2959` `#0b2552` `#0a204b` `#0b1b44` `#0c163c` `#0c1135` `#0c0c2d` `#0b0826` `#0a051f` `#080318` `#060112` `#05010d` `#040008` `#030006` `#020004`
13. [Blue Violet Dark Core](https://grabient.com/kShDW2KL_DY-RyU?style=radialGradient&steps=32&angle=0): radial gradient, `#4c6a93` `#4a6893` `#466593` `#416294` `#3d5e95` `#385996` `#335497` `#2f4e97` `#2d4898` `#2b4298` `#2a3b97` `#2b3396` `#2c2b94` `#2e2391` `#301a8d` `#321088` `#340581` `#350078` `#35006b` `#35005f` `#340052` `#320046` `#30003b` `#2d0030` `#2a0027` `#27001f` `#230018` `#200012` `#1c000d` `#190009` `#160006` `#130004`
14. [Oxblood Into Shadow](https://grabient.com/kSklD7KKtEAiFSa?steps=32&angle=30): linear gradient, `#aa5b7e` `#a8587a` `#a55576` `#a25070` `#9e4c6a` `#9a4664` `#96415d` `#913b55` `#8c354d` `#872e45` `#82283d` `#7c2234` `#771c2b` `#711622` `#6b1119` `#640d0f` `#5e0a05` `#550e00` `#491200` `#3f1400` `#351400` `#2c1200` `#241000` `#1d0e00` `#170b00` `#110900` `#0c0600` `#070500` `#050300` `#030200` `#020200` `#010100`
15. [Violet black teal eclipse](https://grabient.com/kUOAbLMMfCBYlu1ALLKg?style=radialGradient&steps=40&angle=0): radial gradient, `#1a1a1e` `#1c1b25` `#1e1d2d` `#221f37` `#272042` `#2d214e` `#35215a` `#3c2067` `#441e72` `#4c1b7d` `#521686` `#57118d` `#5a0a92` `#5b0495` `#580095` `#530090` `#4c0089` `#440080` `#3b0076` `#31006b` `#280061` `#1f0056` `#17004d` `#100046` `#0a0042` `#05023e` `#00053c` `#00102f` `#00162e` `#001d30` `#002434` `#002d3a` `#00373f` `#004145` `#004c49` `#00574c` `#00614d` `#006b4b` `#007345` `#167840`
16. [Bright cyan midnight slope](https://grabient.com/kWnrLwSjA1S4eNYfHUxHZxGQ?steps=48&angle=135): linear gradient, `#db2eba` `#d336c2` `#ca3fcc` `#bf49d5` `#b252de` `#a35ce4` `#9364e7` `#826ce7` `#7173e4` `#5f79df` `#4d7dd6` `#3a7fcd` `#2680c2` `#017fb6` `#007da3` `#007991` `#007481` `#006f71` `#006963` `#006356` `#005d49` `#00573e` `#005236` `#004d30` `#00482e` `#00442e` `#003f30` `#003b32` `#003734` `#003436` `#003038` `#002d3a` `#00293c` `#002641` `#012147` `#0b1e46` `#111b45` `#161843` `#191641` `#1d1440` `#20133e` `#22123c` `#24113b` `#261039` `#281038` `#2a0f37` `#2b0f35` `#2c0e34`
17. [Charcoal cobalt red corner](https://grabient.com/kWOSM1J78uhiDPmKE760gq7o?steps=32&angle=225): linear gradient, `#291800` `#2f1600` `#3b1100` `#4a030b` `#4f0027` `#4f0044` `#490061` `#3e0078` `#300881` `#24147c` `#1c1a6f` `#181d5e` `#171d4b` `#171c39` `#161929` `#14161c` `#121215` `#0d0d0f` `#06070b` `#020309` `#010107` `#000007` `#000009` `#00000e` `#000317` `#020f26` `#0f2339` `#253b4f` `#3e5566` `#566d7c` `#6d838f` `#7c929c`
18. [Black steel radial void](https://grabient.com/kYNza_CIUtImQ0-VjjtQhtB8owPu?style=radialGradient&steps=40&angle=0): radial gradient, `#0c163c` `#001633` `#001520` `#001113` `#000c08` `#000701` `#020300` `#010200` `#010100` `#010100` `#000100` `#000100` `#000101` `#000102` `#000106` `#00000b` `#01000c` `#02000e` `#02010f` `#010210` `#010312` `#000514` `#000916` `#000e1b` `#011523` `#071f2f` `#112b3d` `#1e384e` `#2b4660` `#385372` `#435f83` `#4c6991` `#506f9c` `#5175a6` `#4f78ae` `#4a7ab5` `#447cba` `#3c7dbe` `#347ec2` `#2e7fc5`
19. [Plum magenta midnight beam](https://grabient.com/kWOAbLQddEBYluSVjj0CQWtQ?steps=64&angle=135): linear gradient, `#1a1a1e` `#1d1c25` `#211f2e` `#262239` `#2d2546` `#362753` `#402a61` `#4c2b6f` `#592b7d` `#662b8a` `#732995` `#80279f` `#8b23a7` `#941eae` `#9b19b4` `#9f13b7` `#9f0eba` `#9c0aba` `#9508b9` `#8b07b7` `#7f08b2` `#7209ac` `#630aa4` `#540a9a` `#460b8f` `#380a83` `#2b0a76` `#1f0969` `#15085d` `#0b0751` `#040647` `#00063f` `#000a31` `#000a2a` `#000a26` `#000a24` `#000a23` `#000a23` `#000a23` `#000b24` `#000b25` `#000c26` `#000e25` `#010f24` `#011024` `#011122` `#001121` `#00111f` `#00111c` `#001018` `#000f15` `#000e11` `#000d0d` `#000c0a` `#000a06` `#010804` `#020602` `#020501` `#020400` `#030300` `#020200` `#020200` `#020100` `#020100`
20. [Pink ember dark halo](https://grabient.com/kYnrLwGZLCLDMNOuHjOHYbMhIJK2?style=radialGradient&steps=32&angle=0): radial gradient, `#db2eba` `#c5289e` `#a52277` `#7f1c52` `#591634` `#3b1021` `#290b17` `#270819` `#2f0626` `#3a0341` `#410268` `#3c0c91` `#2023ab` `#004482` `#004d6a` `#00505a` `#00504c` `#004f3d` `#004c31` `#06482e` `#044235` `#083a3b` `#14313b` `#1b2835` `#1c212c` `#191d25` `#13191f` `#0d1619` `#081412` `#081008` `#0b0c03` `#0d0901`
21. [Deep teal cobalt diagonal](https://grabient.com/kSEyHGMMw-MYosm?steps=40&angle=225): linear gradient, `#01000c` `#010010` `#020014` `#03001a` `#040021` `#060028` `#080031` `#0b003a` `#0e0043` `#12004d` `#150058` `#180162` `#1b026d` `#1e0478` `#200782` `#200d8c` `#201396` `#1d199f` `#1820a6` `#0b28ad` `#0038a1` `#004395` `#004a8d` `#005188` `#005684` `#005b81` `#005f7e` `#00647b` `#006879` `#006b77` `#006f74` `#007271` `#00766d` `#007969` `#007c64` `#007f5f` `#008258` `#1c8352` `#30834f` `#3b844d`
22. [Charcoal violet quiet field](https://grabient.com/kSk6XvoYa6StBvM?steps=56&angle=225): linear gradient, `#c62aaa` `#c12ba9` `#bc2da7` `#b62fa6` `#b030a3` `#a932a1` `#a1339e` `#99359a` `#913696` `#893691` `#81378c` `#783787` `#703781` `#68367b` `#603674` `#59356d` `#523467` `#4b3360` `#453259` `#403053` `#3b2e4c` `#362d46` `#322b41` `#2e2a3c` `#2b2837` `#292733` `#272530` `#25242e` `#24232d` `#23222c` `#22222c` `#21212d` `#21212f` `#202131` `#202133` `#202137` `#1f223a` `#1f223e` `#1e2243` `#1e2347` `#1d234c` `#1c2352` `#1c2457` `#1b245d` `#1a2562` `#182568` `#17256d` `#152573` `#132578` `#11267d` `#0e2682` `#0b2686` `#07268a` `#03268d` `#002690` `#00298c`
23. [Plum teal midnight rings](https://grabient.com/kYpUWUs47DC4XQ4QDUsNiW4rwpLq?style=radialGradient&steps=40&angle=0): radial gradient, `#379fae` `#3997a8` `#3a8d9e` `#3b8192` `#3b7485` `#3a6778` `#385c6c` `#365262` `#334c5b` `#314858` `#2f4658` `#2d465a` `#2c465d` `#2c4560` `#2c4462` `#2d4061` `#2e3a5d` `#2f3052` `#2d2443` `#281932` `#210f21` `#190714` `#13030a` `#110206` `#130207` `#1b040c` `#260917` `#351126` `#431b39` `#4f2750` `#573367` `#573e7b` `#4f478a` `#3c5293` `#125d93` `#00647e` `#00676e` `#006a5e` `#006c4d` `#156d3b`
24. [Cyan charcoal midnight rings](https://grabient.com/kYh0O3EgesqcUMongrl2qc2cQczA?style=radialGradient&steps=32&angle=0): radial gradient, `#496da1` `#2c6589` `#085564` `#06403b` `#11291a` `#101607` `#0d0a02` `#0d0802` `#140903` `#200d08` `#2e1415` `#3a1b24` `#422233` `#41263c` `#3b283d` `#342939` `#2e2933` `#2b292f` `#2d2c30` `#343439` `#3f4450` `#475b6f` `#4a788f` `#4594a9` `#3dabba` `#38b6c5` `#3cb3ce` `#4ea5d1` `#6390c9` `#727bb6` `#796aa0` `#7b6190`
25. [Slate olive muted field](https://grabient.com/kWGQ20nAg6KuMwa5CLwQw-14?steps=6&angle=135): linear gradient, `#010308` `#09171a` `#193136` `#31494e` `#4c5f58` `#6f6c50`
26. [Muted lavender navy fade](https://grabient.com/kUI0S-J6y_D4uQFRn8OA?steps=6&angle=270): linear gradient, `#01002e` `#001651` `#073579` `#28539d` `#616db5` `#8f83bd`
27. [Black, dark green and brown](https://grabient.com/kWQBN8Lpc5yuZuubnjnjQ_AY): linear gradient, `#142621` `#273d23` `#444312` `#4b3401` `#421300` `#280001` `#0e0000`
28. [Gray, navy, black and brown](https://grabient.com/kWkhBLlJLRIAAyAGBspRSxCI): linear gradient, `#7a7a6b` `#073337` `#01010b` `#000000` `#000000` `#240f00` `#9d6000`

## Other forms

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