Tempered Lagoon color palette — #F4F9D7 · #7ECCAF · #009F93 · #137378 · #395748
Built around Fern, softened by Mint Leaf — the whole palette hums with trust and stability.
The five colors
- Custard (#F4F9D7): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#7ECCAF): A luminous, balanced teal — the color of sea glass.
- Fern (#009F93): A luminous, balanced teal — the color of sea glass.
- Teal (#137378): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#395748): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Balance. 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
- Worn Seafoam color palette (#EAFDD9, #6BDCC3, #53B4A8, #3F837F, #405842)
- Tempered Balcony color palette (#EAFCDF, #72C8CD, #009BBA, #2D6E8C, #604D62)
- Hushed Lantern color palette (#F0F8EE, #6AC1BB, #D37B84, #00847F, #65433A)
- Tempered Moss Ridge color palette (#FFF4DA, #B9C789, #679E4C, #397450, #405035)
- Ancient Teal color palette (#D7F5E7, #00BDB6, #007C8A, #005D78, #004270)
- Muted Veil color palette (#EDF9EA, #C0EBEB, #C4D4FF, #8B9471, #47574B)
- Tempered Courtyard color palette (#ECFAE9, #54A9A1, #C16A85, #A66247, #3A4638)
- Linen Studio color palette (#D3F2F3, #0085A0, #00557A, #002B6F, #2B0647)
Browse the whole catalog at Explore, or see today's palette.