Tempered Lagoon color palette — #E6F6EE · #9EBE93 · #3D8566 · #405C50 · #132D29
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#E6F6EE): bright and airy, almost weightless.
- Sage (#9EBE93): A luminous, dusty green — the color of fresh herbs.
- Fern (#3D8566): A full-bodied, balanced teal — the color of sea glass.
- Charcoal Brown (#405C50): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#132D29): 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 Tempered 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
- Tempered Lagoon color palette (#FBEEF2, #AACDB7, #5E8E7F, #4D6768, #24362B)
- Cypress Quarry color palette (#E6F6EF, #84AD78, #007755, #214C5E, #00221E)
- Airy Teal Grove color palette (#CEEFD9, #00C6A6, #008D8E, #005660, #002D3E)
- Timeworn Chestnut Lagoon color palette (#FAF5E7, #B0B389, #4C7F70, #705600, #454600)
- Patina Teal color palette (#E2F6FD, #00BABF, #CB6E6F, #007376, #351D35)
- Weathered Cerulean Workshop color palette (#F8EFF5, #B1E6F5, #389CB3, #336B4E, #182E40)
- Pine Balcony color palette (#D8EEE6, #418A55, #005042, #002F3C, #000A09)
- Weathered Hollow color palette (#F7F6E8, #CBF3BE, #80AA85, #7F792F, #3A3B00)
Browse the whole catalog at Explore, or see today's palette.