Weathered Lagoon Lagoon color palette — #E2F7F4 · #89BFBF · #3A8477 · #445D42 · #0B2D2E
Built around Fern, softened by Ash — the whole palette hums with nature and growth.
The five colors
- Ivory (#E2F7F4): A whisper-light, dusty teal — the color of shallow lagoons.
- Ash (#89BFBF): A luminous, dusty teal — the color of sea glass.
- Fern (#3A8477): A full-bodied, dusty teal — the color of shallow lagoons.
- Pine (#445D42): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Forest (#0B2D2E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Weathered Lagoon 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
- Muted Hollow color palette (#E6F6EF, #8AC0B3, #58815D, #69495E, #092E27)
- Pine Harbor color palette (#DDF9F1, #84B688, #007F5B, #3E5515, #08280E)
- Petrol Dune color palette (#F5F6EB, #A4B699, #377F8B, #784A55, #3A4731)
- Worn Meadow color palette (#EBF5ED, #BFE3F2, #4899B6, #126D63, #063047)
- Timeworn Pine Harbor color palette (#DEF8F6, #73B587, #B474A9, #0D7840, #3A1A35)
- Turquoise Thicket color palette (#EBF9F5, #BBE5FD, #63ABB4, #826E8A, #233E40)
- Powder Grove color palette (#D6FAF9, #C8DDEF, #A1CBF7, #6F8C5F, #0A3439)
- Lagoon Veranda color palette (#D6EAE6, #589F77, #006453, #25411B, #00170A)
Browse the whole catalog at Explore, or see today's palette.