Teal Lagoon color palette — #E9FCDC · #98DACC · #4AB7AB · #008483 · #38593E
Built around Turquoise, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Custard (#E9FCDC): A whisper-light, dusty green — the color of fresh herbs.
- Lagoon (#98DACC): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#4AB7AB): A luminous, balanced teal — the color of sea glass.
- Teal (#008483): A full-bodied, balanced teal — the color of sea glass.
- Pine (#38593E): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Teal Lagoon into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Lagoon Loft color palette (#F3FAD7, #76C4A6, #009687, #006E78, #325443)
- Weathered Seafoam Coast color palette (#DCFDFF, #8FFCE1, #5BC0B1, #448785, #305560)
- Tempered Loft color palette (#E1FEE9, #BBE2C5, #58ADBB, #007681, #004149)
- Hushed Quarry color palette (#FBF7D4, #B9D5A6, #83B176, #43824C, #4E5049)
- Ancient Lagoon color palette (#EFF8EE, #92D2CE, #C2B076, #0BA19B, #634800)
- Muted Ash color palette (#EDF9EF, #C8E3E1, #A9B9DA, #79B7B7, #3F5246)
- Feathered Cobalt Garden color palette (#DCFFEC, #96D2EE, #5FACDA, #3A83B9, #624B65)
- Weathered Moss color palette (#E9FBEA, #76C0C0, #85A5DF, #7E9F5A, #344835)
Browse the whole catalog at Explore, or see today's palette.