Teal CSS gradients
Gradients built on the blue-green between ocean and forest. 78 gradients, each with copyable CSS and Tailwind classes.
- Distant Daybreaklinear-gradient(135deg, #1A9E6F, #3AD7F3, #DFF2FF)
- Pale Olive Grovelinear-gradient(0deg, #E1EFC7, #AFD8C5, #9DC6CB)
- Wandering Blue Holelinear-gradient(90deg, #2E3652, #608DAA, #A8FFEF)
- Painted Sandbarlinear-gradient(200deg, #55F4E4, #00B9C9, #3A6ECE, #26238A)
- Milky Sapphirelinear-gradient(270deg, #E3BCEE, #BED2FF, #93D8C9)
- Easy Meadowradial-gradient(circle at 50% 0%, #19FFE3, #979947, #792500)
- Deep Cloverlinear-gradient(160deg, #005E57, #02321A, #091000)
- Noir Indigo Inklinear-gradient(315deg, #00635D, #003E53, #060040)
- Nocturne Jade Poollinear-gradient(270deg, #000C13, #003935, #2C6233)
- Soft Lagoonlinear-gradient(45deg, #7E8100, #6BFFE6, #ABD4FF)
- Inky Meadowlinear-gradient(45deg, #4C6C2F, #003C2E, #000F13)
- Old Open Sealinear-gradient(180deg, #56F9B3, #0098AA, #003C5C)
- Summer Cornflowerlinear-gradient(120deg, #14012A, #092D40, #37695B)
- Secret Dusk Lakelinear-gradient(120deg, #4C5BAC, #00AAD4, #33D9B7)
- Winter Marinalinear-gradient(270deg, #B4FFD7, #00DBC7, #5A909B, #006085)
- Soft Jade Poollinear-gradient(315deg, #003D3D, #7EE9ED)
- Wandering Matchalinear-gradient(270deg, #F4E7B2, #93EDDD, #EEEDFF)
- Easy Lagoonlinear-gradient(225deg, #008FCF, #24DEEB, #54C79E)
- Sunlit Understorylinear-gradient(90deg, #1A3600, #00A07E, #78FFF0)
- Obsidian Mulberrylinear-gradient(0deg, #005A60, #1E1555, #1B0008)
- Easy Pistachiolinear-gradient(135deg, #936C00, #ADD292, #4FBAA9)
- Dusty Arcticconic-gradient(from 135deg at center, #00B28D, #6DA7F7, #D191B8, #00B28D)
- Dusty Lumenlinear-gradient(315deg, #CFA9FF, #00707B, #001309)
- Dusty Starfalllinear-gradient(270deg, #41D8C8, #2E002D)
- Lazy Spruceconic-gradient(from 0deg at center, #10B062, #00B9D6, #C1CCFF, #10B062)
- Warm Undertowlinear-gradient(45deg, #C8F8E5, #00A3BD, #17346F)
- Powdered Wisterialinear-gradient(200deg, #FFC3CD, #F1E5FF, #95DBD7)
- Hazy Cloverlinear-gradient(90deg, #00C4B5, #B1C96E, #D27100)
- Old Wave Crestlinear-gradient(315deg, #003574, #00ACBA, #AFFFE1)
- Milky Pistachiolinear-gradient(180deg, #D98164, #F2F2BA, #00F5D1)
- Hazy Blue Holelinear-gradient(90deg, #002C20, #006B63, #55A6B7, #D7EFFF)
- Soft Arctic Veillinear-gradient(270deg, #00D5F1, #00908B, #005C45, #001805)
- Fizzy Custardlinear-gradient(90deg, #C25A00, #BEBF00, #35FFCB)
- Easy Olive Groveradial-gradient(circle at 20% 80%, #7CF6D2, #99AA00, #7F4700)
- Easy Lighthouselinear-gradient(135deg, #412073, #47758C, #54C9E3)
- Deep Midnight Sunlinear-gradient(270deg, #002117, #006B74, #1A122D)
- Evening Midnight Sunlinear-gradient(90deg, #001002, #198175, #00D5F0)
- Old Basillinear-gradient(160deg, #E8C17C, #B1CEB8, #BFFDF4)
- Faded Blue Hourlinear-gradient(225deg, #61927D, #21C5DF, #9ECDEE)
- Secret Matchalinear-gradient(0deg, #100F00, #0A3400, #2C6C5A)
- Soft Kelplinear-gradient(90deg, #89C12C, #00CBD7, #6A73B6)
- Cozy Cloud Ninelinear-gradient(225deg, #0096AE, #E3F0FF)
- Sunlit Blue Hourlinear-gradient(160deg, #0097A7, #84A3B9, #A4CAFF)
- Milky Arcticlinear-gradient(180deg, #A2F0EF, #C3C3FD, #FFE7E9)
- Warm Cobaltlinear-gradient(120deg, #7365AE, #49BEF3, #00AE8C)
- Frosted Indigo Inklinear-gradient(200deg, #CEDCBB, #82E9FC, #DACBF6)
- Milky Matchalinear-gradient(135deg, #9DF0D1, #D0D9A7, #FFE7F3)
- Tender Canopylinear-gradient(135deg, #365200, #53A76D, #87FCF4)