Tempered Lagoon color palette — #F1F8EA · #97E1D0 · #3F9B93 · #3D6E61 · #1F2C17
A conversation between Fern and Lagoon, giving this palette its sense of calm and sophistication.
The five colors
- Ivory (#F1F8EA): bright and airy, almost weightless.
- Lagoon (#97E1D0): A whisper-light, dusty teal — the color of glacier melt.
- Fern (#3F9B93): A luminous, balanced teal — the color of glacier melt.
- Teal (#3D6E61): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#1F2C17): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, 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
- Timeworn Teal color palette (#F1F9DF, #96EEC9, #2DA88F, #80663D, #003827)
- Tempered Chapel color palette (#FAF5E5, #C9D7AB, #749655, #84564B, #2C280E)
- Washed Cypress Field color palette (#E6FAFB, #62AB9A, #00726B, #304E68, #143C41)
- Cypress Bloom color palette (#E8F5F1, #7CAD8F, #00756A, #5D3758, #002221)
- Ancient Terrace color palette (#EEF2DB, #4D8964, #004832, #2A1600, #000201)
- Antique Petrol color palette (#F3F7EE, #C1DFF4, #84A9D9, #2E779B, #1D2D4E)
- Hushed Teal color palette (#F7F6E6, #A9D6BA, #4BB4A6, #9E7398, #2E3B00)
- Patina Olive Meadow color palette (#FFF4DF, #C3BD89, #787D17, #704529, #201700)
Browse the whole catalog at Explore, or see today's palette.