Tempered Lagoon color palette — #EAF8F9 · #8EBEC6 · #009390 · #3F678C · #153C42

A conversation between Fern and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF8F9): bright and airy, almost weightless.
• Ash (#8EBEC6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#009390): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#3F678C): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#153C42): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Wandering Lagoon color palette (#E7FAF4, #A5BD94, #618E5C, #1E7073, #123E36)
• Tempered Coast color palette (#F1F8EA, #91E3CE, #499A91, #476C61, #1F2C16)
• Ancient Cypress Basin color palette (#E9F9F5, #74A98B, #007269, #5F3E59, #1B3C3C)
• Periwinkle Thicket color palette (#ECF8F8, #C0D7EE, #6598D8, #0075A0, #243964)
• Worn Lagoon color palette (#E3FBF9, #8ACBAE, #009D82, #8B5F00, #004631)
• Hushed Ash Courtyard color palette (#ECF8F5, #B7D9D4, #78A6A3, #927382, #3A534F)
• Aged Terracotta color palette (#EAFAEF, #99BFAB, #7F864C, #8E4D52, #1E3D2E)
• Washed Pine Lagoon color palette (#D7EFEB, #42855C, #00523A, #402400, #000802)

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