Tempered Lagoon color palette — #ECF8F5 · #8CC0B9 · #529063 · #75611D · #003F39

Built around Fern, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Ash (#8CC0B9): A luminous, dusty teal — the color of sea glass.
• Fern (#529063): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#75611D): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#003F39): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, 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

• Linen Basin color palette (#E6FAF7, #95C9A7, #349B76, #437745, #0C4628)
• Patina Garden color palette (#EEF8EF, #C2B481, #89842E, #89543A, #183E29)
• Olive Boulevard color palette (#D7F3E6, #A0B474, #508A00, #5D6000, #273300)
• Seafoam Parlor color palette (#F6F7E2, #A7E2A8, #589B71, #66635C, #272A11)
• Washed Cypress color palette (#D0EBEA, #6EB699, #008570, #18653D, #003222)
• Softworn Cypress Courtyard color palette (#E8FAF4, #73AA83, #007363, #683D3C, #173C3B)
• Aged Turquoise color palette (#EFF7F5, #B2DDE9, #25A8B4, #007D71, #00434D)
• Gentle Moss Balcony color palette (#C4EFE8, #65A95A, #009BAA, #A06B00, #163311)

Browse the whole catalog at Explore, or see today's palette.