Tempered Lagoon Harbor color palette — #E6EED6 · #89B17F · #458761 · #285B6C · #012D48

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

The five colors

• Honeydew (#E6EED6): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#89B17F): A luminous, balanced green — the color of new leaves after rain.
• Fern (#458761): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#285B6C): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#012D48): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Lagoon Harbor 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

• Denim Summit color palette (#B7F5CE, #A2B591, #528C88, #2F517E, #1E2754)
• Worn Cypress color palette (#DBE3C3, #84B7A1, #3D7E77, #2D5148, #3E243A)
• Straw Workshop color palette (#F7DF9A, #B0AA6C, #797971, #0D5B55, #00343B)
• Lagoon Cabin color palette (#D6EACA, #6A9D73, #437563, #184334, #00251E)
• Weathered Driftwood color palette (#E0F0DC, #9FB9A2, #70947F, #694B5E, #492A37)
• Ancient Lagoon Hollow color palette (#D8F9E5, #31866F, #086563, #122B50, #0C0D30)
• Pine Hollow color palette (#F1F4DF, #6DBC88, #007F59, #544E02, #1D2401)
• Pine Coast color palette (#DBE7D0, #6DB744, #158B1B, #005526, #00321B)

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