Tempered Lagoon color palette — #CCF5ED · #95C5A2 · #429877 · #006C5E · #123E46
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CCF5ED): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#95C5A2): A luminous, dusty teal — the color of glacier melt.
- Fern (#429877): A luminous, balanced teal — the color of glacier melt.
- Pine (#006C5E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#123E46): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Calm, Sophistication. Tagged muted, cool.
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
- Weathered Cerulean color palette (#C8F0F8, #7DC1C4, #1D96AB, #006583, #163952)
- Lagoon Veranda color palette (#FEF6D2, #99C695, #139872, #087267, #315A55)
- Lagoon Veranda color palette (#D9F9FF, #98D4CE, #3D9A8F, #005A50, #002723)
- Weathered Cypress Villa color palette (#E7F5F6, #8CC0AE, #C686A0, #008569, #3A2845)
- Fern Study color palette (#DBF7E2, #C3BB87, #868F44, #436210, #05403C)
- Driftwood Delta color palette (#E2F6F9, #CCDAEB, #B6A8B3, #6C9576, #253D43)
- Hushed Petrol color palette (#DBF0EF, #007A83, #005165, #002434, #000914)
- Tempered Workshop color palette (#E1F7FA, #66AC9C, #9383B8, #A3693B, #052D32)
Browse the whole catalog at Explore, or see today's palette.