Cool CSS gradients
Icy blues, teals and violets for calm, clean and focused designs. 109 gradients, each with copyable CSS and Tailwind classes.
- Sea Breezelinear-gradient(90deg, #4CC9F0, #4361EE)
- Lush Forestlinear-gradient(120deg, #134E5E, #71B280)
- Electric Violetlinear-gradient(90deg, #4776E6, #8E54E9)
- Midnight Auroralinear-gradient(90deg, #0F2027, #203A43, #2C5364)
- Cozy Windsweptlinear-gradient(90deg, #7B7FC2, #89AADF, #9BD8FF)
- Velvet Borealislinear-gradient(120deg, #001C1A, #008AC3, #2F2E9A, #310032)
- Lazy Undertowlinear-gradient(160deg, #93E8F2, #4C74AA, #2E005E)
- Faded Arctic Veillinear-gradient(225deg, #F597EB, #0076A9, #002623)
- Distant Daybreaklinear-gradient(135deg, #1A9E6F, #3AD7F3, #DFF2FF)
- Wandering Blue Holelinear-gradient(90deg, #2E3652, #608DAA, #A8FFEF)
- Painted Sandbarlinear-gradient(200deg, #55F4E4, #00B9C9, #3A6ECE, #26238A)
- Wandering Arcticlinear-gradient(225deg, #000D0B, #00C4EA, #4BA3FF)
- Quiet Irislinear-gradient(315deg, #390020, #A06FFF, #3BB6FF)
- Pale Violet Hourlinear-gradient(200deg, #FFE8EF, #C6BFEB)
- Cozy Dusk Lakelinear-gradient(315deg, #D2EDFF, #4C88B3, #113F5C)
- Soft Dusk Lakelinear-gradient(315deg, #213074, #777EE3, #DDE3FF)
- Deep Cloverlinear-gradient(160deg, #005E57, #02321A, #091000)
- Noir Indigo Inklinear-gradient(315deg, #00635D, #003E53, #060040)
- Quiet Altitudelinear-gradient(0deg, #5D87C7, #66C3FF, #CDF7FF)
- Old Open Sealinear-gradient(180deg, #56F9B3, #0098AA, #003C5C)
- Morning Dusk Lakelinear-gradient(90deg, #7F66B7, #68A5E4, #8BF4FF)
- Secret Dusk Lakelinear-gradient(120deg, #4C5BAC, #00AAD4, #33D9B7)
- Tender Deep Waterlinear-gradient(200deg, #002B25, #2575A2, #CBD6FF)
- Winter Marinalinear-gradient(270deg, #B4FFD7, #00DBC7, #5A909B, #006085)
- Soft Jade Poollinear-gradient(315deg, #003D3D, #7EE9ED)
- Silken Heatherlinear-gradient(90deg, #8FD3FF, #EFCFEA, #FFEAEC)
- Easy Lagoonlinear-gradient(225deg, #008FCF, #24DEEB, #54C79E)
- Noir Denimlinear-gradient(270deg, #566180, #003A5A, #001C21)
- Hazy Deep Waterlinear-gradient(315deg, #002932, #406884, #C0A7F7)
- Quiet Morning Skylinear-gradient(135deg, #508DB6, #7DB0F0, #FFE9E2)
- Obsidian Harbourlinear-gradient(270deg, #000B15, #14234D, #453768)
- Airy Sky Decklinear-gradient(225deg, #CFF7FF, #99D0EF, #8CA7CD)
- Sunlit Deep Waterlinear-gradient(45deg, #002C19, #74C2EB)
- Distant Starfalllinear-gradient(90deg, #000D0B, #006B9D, #32002E)
- Painted Polar Nightlinear-gradient(315deg, #250023, #00759E, #00211B)
- Sunlit Undertowlinear-gradient(225deg, #D1D3FF, #32ACEF, #325D67, #002B29)
- Dusty Lumenlinear-gradient(315deg, #CFA9FF, #00707B, #001309)
- Mellow Sapphirelinear-gradient(200deg, #C0A5FF, #2A93FF, #006E7C)
- Dusty Cobaltradial-gradient(circle at 70% 25%, #DBBDFF, #2490E8, #004645)
- Old Violet Hourradial-gradient(circle at 50% 0%, #FFAEFE, #7674FE, #005F82)
- Dewy Arcticlinear-gradient(225deg, #FFEBE9, #C8C2FF, #AAE4FF)
- Warm Undertowlinear-gradient(45deg, #C8F8E5, #00A3BD, #17346F)
- Deep Blueprintlinear-gradient(120deg, #08230E, #004144, #1465AC)
- Old Wave Crestlinear-gradient(315deg, #003574, #00ACBA, #AFFFE1)
- Easy Eucalyptuslinear-gradient(0deg, #00650B, #009992, #2DBCFF)
- Silken Indigo Inklinear-gradient(225deg, #E8E7FB, #9CBCD8)
- Faded Undertowlinear-gradient(160deg, #A8FFEE, #7BA8BF, #1B4DAF, #1B0D65)
- Slow Shorelinelinear-gradient(0deg, #BDF7FF, #7AA2D8, #5B6ACC, #3B2E5D)