Dark CSS gradients
Deep, night-time gradients that sit quietly behind text and cards. 38 gradients, each with copyable CSS and Tailwind classes.
- Midnight Auroralinear-gradient(90deg, #0F2027, #203A43, #2C5364)
- Velvet Borealislinear-gradient(120deg, #001C1A, #008AC3, #2F2E9A, #310032)
- Evening Amethystlinear-gradient(225deg, #001249, #5F2169, #8F4244)
- Midnight Grape Sodalinear-gradient(160deg, #844D6E, #5F2A75, #1D0057)
- Deep Blushlinear-gradient(200deg, #000F1D, #391358, #7D1C3A)
- Deep Cloverlinear-gradient(160deg, #005E57, #02321A, #091000)
- Shadow Amethystlinear-gradient(200deg, #5C4398, #4F044D, #1C0007)
- Noir Indigo Inklinear-gradient(315deg, #00635D, #003E53, #060040)
- Nocturne Jade Poollinear-gradient(270deg, #000C13, #003935, #2C6233)
- Obsidian Orchidlinear-gradient(270deg, #00091E, #2B1D67, #6F3789)
- Inky Meadowlinear-gradient(45deg, #4C6C2F, #003C2E, #000F13)
- Summer Cornflowerlinear-gradient(120deg, #14012A, #092D40, #37695B)
- Dim Candyflosslinear-gradient(225deg, #001A25, #41365A, #8B2B46)
- Noir Denimlinear-gradient(270deg, #566180, #003A5A, #001C21)
- Obsidian Candyflosslinear-gradient(0deg, #120022, #855450)
- Obsidian Mulberrylinear-gradient(0deg, #005A60, #1E1555, #1B0008)
- Obsidian Harbourlinear-gradient(270deg, #000B15, #14234D, #453768)
- Noir Candyflosslinear-gradient(225deg, #92464A, #402F4A, #001D35)
- Distant Starfalllinear-gradient(90deg, #000D0B, #006B9D, #32002E)
- Inky Guavalinear-gradient(180deg, #5F5373, #572D5A, #2F001C)
- Painted Polar Nightlinear-gradient(315deg, #250023, #00759E, #00211B)
- Shadow Blushlinear-gradient(315deg, #01143D, #541146, #83420A)
- Shadow Taffylinear-gradient(225deg, #924800, #5E2032, #290834)
- Deep Blueprintlinear-gradient(120deg, #08230E, #004144, #1465AC)
- Deep Orchidlinear-gradient(45deg, #5A2D3E, #2E0654, #00182A)
- Nocturne Northern Lightslinear-gradient(90deg, #00201C, #565BB0, #240729)
- Deep Midnight Sunlinear-gradient(270deg, #002117, #006B74, #1A122D)
- Smoked Plumlinear-gradient(45deg, #001218, #273867, #6A477D)
- Secret Matchalinear-gradient(0deg, #100F00, #0A3400, #2C6C5A)
- Smoked Wisterialinear-gradient(270deg, #1E000D, #35274A, #005186)
- Noir Taffylinear-gradient(120deg, #8D3539, #180010)
- Nocturne Bubblegumlinear-gradient(180deg, #2C0910, #57354C, #734D93)
- Wandering Night Ribbonlinear-gradient(45deg, #002A1A, #009EB7, #114881, #280043)
- Dim Irislinear-gradient(180deg, #2C5A7E, #282A60, #150022)
- Velvet Starfalllinear-gradient(0deg, #29002E, #6474E2, #00577A, #00201E)
- Midnight Rosewaterlinear-gradient(90deg, #7B1C4A, #15002C)
- Shadow Blueprintlinear-gradient(180deg, #005E9A, #00100F)
- Obsidian Guavalinear-gradient(45deg, #82524D, #601747, #150028)