Blue CSS gradients
Sky, denim, cobalt and midnight: blue gradients for every mood. 108 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)
- Wandering Horizon Linelinear-gradient(315deg, #220F8F, #B2296B, #EEE481)
- Faded Arctic Veillinear-gradient(225deg, #F597EB, #0076A9, #002623)
- Wandering Blue Holelinear-gradient(90deg, #2E3652, #608DAA, #A8FFEF)
- Painted Sandbarlinear-gradient(200deg, #55F4E4, #00B9C9, #3A6ECE, #26238A)
- Evening Amethystlinear-gradient(225deg, #001249, #5F2169, #8F4244)
- Wandering Arcticlinear-gradient(225deg, #000D0B, #00C4EA, #4BA3FF)
- Bright Embers Fadelinear-gradient(0deg, #E7E15D, #630063, #282693)
- Quiet Irislinear-gradient(315deg, #390020, #A06FFF, #3BB6FF)
- Frosted Taffylinear-gradient(200deg, #AFDEFF, #DAC6E0, #F6BB8E)
- Quiet Indigo Inklinear-gradient(315deg, #2F0756, #0099DD, #00B096)
- Cozy Dusk Lakelinear-gradient(315deg, #D2EDFF, #4C88B3, #113F5C)
- Soft Dusk Lakelinear-gradient(315deg, #213074, #777EE3, #DDE3FF)
- Soft Amethystlinear-gradient(45deg, #002522, #78ADFF, #E223CF)
- Noir Indigo Inklinear-gradient(315deg, #00635D, #003E53, #060040)
- Quiet Altitudelinear-gradient(0deg, #5D87C7, #66C3FF, #CDF7FF)
- Warm Sun Diplinear-gradient(120deg, #E7E488, #FDB900, #452E72, #2E2FAC)
- Morning Dusk Lakelinear-gradient(90deg, #7F66B7, #68A5E4, #8BF4FF)
- Secret Dusk Lakelinear-gradient(120deg, #4C5BAC, #00AAD4, #33D9B7)
- Tender Deep Waterlinear-gradient(200deg, #002B25, #2575A2, #CBD6FF)
- 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)
- Dusty Arcticconic-gradient(from 135deg at center, #00B28D, #6DA7F7, #D191B8, #00B28D)
- Sunlit Undertowlinear-gradient(225deg, #D1D3FF, #32ACEF, #325D67, #002B29)
- Mellow Sapphirelinear-gradient(200deg, #C0A5FF, #2A93FF, #006E7C)
- Mellow Midnight Sunlinear-gradient(200deg, #F993EF, #4D599D, #001713)
- Dusty Cobaltradial-gradient(circle at 70% 25%, #DBBDFF, #2490E8, #004645)
- Dewy Arcticlinear-gradient(225deg, #FFEBE9, #C8C2FF, #AAE4FF)
- Warm Undertowlinear-gradient(45deg, #C8F8E5, #00A3BD, #17346F)
- Deep Blueprintlinear-gradient(120deg, #08230E, #004144, #1465AC)
- Lazy Orchidconic-gradient(from 225deg at center, #81A1FF, #A263B1, #C95269, #81A1FF)
- 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)