Tempered Lagoon color palette — #EFF8F0 · #A9C9BE · #5B8B89 · #526E56 · #3D524B

Built around Storm Blue, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Stone (#A9C9BE): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#5B8B89): A luminous, dusty teal — the color of sea glass.
• Pine (#526E56): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#3D524B): A full-bodied, dusty teal — the color of glacier melt.

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

• Weathered Lagoon color palette (#D9FFF3, #9DC198, #449879, #00716D, #31586F)
• Antique Pewter Atelier color palette (#FFF1F6, #93BAA3, #637C51, #226564, #30493B)
• Lagoon Basin color palette (#E6F9FF, #A0D4E1, #349396, #005A56, #00403E)
• Dusty Workshop color palette (#E9F9FB, #79C0B2, #C0859A, #008576, #584462)
• Chestnut Coast color palette (#F5F1E8, #CAC4A4, #728C66, #795D10, #32312A)
• Driftwood Cabin color palette (#EAF9F9, #D6DCE8, #D8BCE3, #7E9261, #375059)
• Patina Basalt color palette (#D4EBE1, #6C9876, #00635B, #3E4200, #043216)
• Tempered Fern color palette (#FCF4E9, #E6DFB9, #B1BB95, #A59886, #594D00)

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