Ocean CSS gradients
Deep navy, cyan and sea-glass blends from harbours, reefs and open water. 26 gradients, each with copyable CSS and Tailwind classes.
- Cozy Sandbarlinear-gradient(225deg, #E4D99A, #8CAD64, #008059, #004049)
- Lazy Undertowlinear-gradient(160deg, #93E8F2, #4C74AA, #2E005E)
- Wandering Blue Holelinear-gradient(90deg, #2E3652, #608DAA, #A8FFEF)
- Painted Sandbarlinear-gradient(200deg, #55F4E4, #00B9C9, #3A6ECE, #26238A)
- Old Open Sealinear-gradient(180deg, #56F9B3, #0098AA, #003C5C)
- Tender Deep Waterlinear-gradient(200deg, #002B25, #2575A2, #CBD6FF)
- Winter Marinalinear-gradient(270deg, #B4FFD7, #00DBC7, #5A909B, #006085)
- Hazy Deep Waterlinear-gradient(315deg, #002932, #406884, #C0A7F7)
- Sunlit Deep Waterlinear-gradient(45deg, #002C19, #74C2EB)
- Sunlit Undertowlinear-gradient(225deg, #D1D3FF, #32ACEF, #325D67, #002B29)
- Warm Undertowlinear-gradient(45deg, #C8F8E5, #00A3BD, #17346F)
- Old Wave Crestlinear-gradient(315deg, #003574, #00ACBA, #AFFFE1)
- Faded Undertowlinear-gradient(160deg, #A8FFEE, #7BA8BF, #1B4DAF, #1B0D65)
- Slow Shorelinelinear-gradient(0deg, #BDF7FF, #7AA2D8, #5B6ACC, #3B2E5D)
- Hazy Blue Holelinear-gradient(90deg, #002C20, #006B63, #55A6B7, #D7EFFF)
- Easy Lighthouselinear-gradient(135deg, #412073, #47758C, #54C9E3)
- Quiet Open Sealinear-gradient(120deg, #4E47A9, #5784E1, #85CFF1, #B3FBF6)
- Soft Wave Crestlinear-gradient(225deg, #DED9AF, #1FA480, #00736A, #002A31)
- Faded Coral Baylinear-gradient(180deg, #4A1279, #C5F5FF)
- Cozy Undertowlinear-gradient(90deg, #006470, #239584, #1BD590, #FFEC92)
- Hazy Lighthouselinear-gradient(0deg, #00386B, #008C9E, #9BECC2)
- Easy Sandbarlinear-gradient(0deg, #002839, #005D65, #00B29E, #6AF5C2)
- Soft Open Sealinear-gradient(160deg, #C8B965, #146B68, #002A31)
- Hazy Shorelinelinear-gradient(200deg, #455391, #359AAD, #0BF7EB)
- Tender Open Sealinear-gradient(135deg, #A0E8DD, #008BB7, #2C3264)
- Evening Coral Baylinear-gradient(160deg, #E6EAFF, #6B9CE4, #326259)