Aurora CSS gradients
Night-sky greens, teals and violets that glow like northern lights. 24 gradients, each with copyable CSS and Tailwind classes.
- Velvet Borealislinear-gradient(120deg, #001C1A, #008AC3, #2F2E9A, #310032)
- Quiet Borealislinear-gradient(270deg, #18001B, #3F3A9F, #0084B8, #00DBC3)
- Faded Arctic Veillinear-gradient(225deg, #F597EB, #0076A9, #002623)
- Cozy Night Ribbonlinear-gradient(160deg, #28173C, #006E82, #23DF99)
- Mellow Borealislinear-gradient(315deg, #0B1A00, #008848, #B2B6FF)
- Lazy Borealislinear-gradient(135deg, #89D299, #00865A, #00191D)
- Distant Starfalllinear-gradient(90deg, #000D0B, #006B9D, #32002E)
- Painted Polar Nightlinear-gradient(315deg, #250023, #00759E, #00211B)
- Dusty Lumenlinear-gradient(315deg, #CFA9FF, #00707B, #001309)
- Dusty Starfalllinear-gradient(270deg, #41D8C8, #2E002D)
- Mellow Midnight Sunlinear-gradient(200deg, #F993EF, #4D599D, #001713)
- Soft Arctic Veillinear-gradient(270deg, #00D5F1, #00908B, #005C45, #001805)
- Warm Frost Glowlinear-gradient(200deg, #00DFA0, #008BA1, #00539A, #14052A)
- Soft Solsticelinear-gradient(200deg, #120722, #1D4576, #009AB5, #75D3B2)
- Nocturne Northern Lightslinear-gradient(90deg, #00201C, #565BB0, #240729)
- Deep Midnight Sunlinear-gradient(270deg, #002117, #006B74, #1A122D)
- Evening Midnight Sunlinear-gradient(90deg, #001002, #198175, #00D5F0)
- Evening Solsticelinear-gradient(270deg, #002522, #F98FFD)
- Wandering Night Ribbonlinear-gradient(45deg, #002A1A, #009EB7, #114881, #280043)
- Velvet Starfalllinear-gradient(0deg, #29002E, #6474E2, #00577A, #00201E)
- Soft Borealislinear-gradient(45deg, #001512, #004B67, #8185CE, #E0A6E4)
- Tender Frost Glowlinear-gradient(135deg, #0A1100, #AFB7FF)
- Quiet Lumenlinear-gradient(135deg, #001114, #006E66, #80D39E)
- Summer Skyfirelinear-gradient(160deg, #85D29C, #006A5F, #000C0F)