Tempered Lagoon color palette — #F9F3F7 · #D4D6EB · #8BB8D1 · #599578 · #3F5568

Fern takes the lead with Ash close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D4D6EB): A whisper-light, dusty violet — the color of wild irises.
• Ash (#8BB8D1): A luminous, dusty blue — the color of open sky before noon.
• Fern (#599578): A luminous, dusty teal — the color of sea glass.
• Peacock (#3F5568): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, 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

• Antique Terrace color palette (#FCF3EF, #BBEAF2, #A4CAF3, #6D9F85, #37544B)
• Aged Chapel color palette (#E7FAF7, #9AD1C8, #D19CD2, #609E54, #5E415F)
• Weathered Denim color palette (#EBDDE8, #6E9AAC, #006082, #003D30, #00091A)
• Forest Pier color palette (#F0E2EB, #87BBC9, #008398, #005D36, #002235)
• Tempered Azure Cabin color palette (#FBF2F8, #A6E6FC, #38A4EB, #008478, #273D6F)
• Cobalt Garden color palette (#F6EBF0, #A1CAE7, #5489C7, #006C6C, #22265C)
• Pine Station color palette (#D8FEFB, #B1E0C6, #6DAE8B, #2B7F55, #004241)
• Softworn Pewter color palette (#FFF1F5, #B7D3BF, #B78E9C, #956857, #344E44)

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