Tempered Lagoon color palette — #F9F3F7 · #D8DFEF · #90B6D7 · #39978F · #45536A

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D8DFEF): A whisper-light, dusty violet — the color of wild irises.
• Sky (#90B6D7): A luminous, dusty blue — the color of open sky before noon.
• Fern (#39978F): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#45536A): A full-bodied, dusty violet — the color of wild irises.

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

• Ancient Powder Corridor color palette (#FBF3EE, #C2E1ED, #B6C1F1, #829A7B, #574755)
• Muted Quarry color palette (#F5F6EF, #C9E3E1, #69A2BD, #257B87, #365148)
• Antique Ash Boulevard color palette (#F2F5FF, #E1D8E1, #C4AC9D, #88ABD0, #4B4B61)
• Cobalt Grove color palette (#EFE5EC, #78BDD1, #007CB7, #005A50, #001853)
• Ancient Parlor color palette (#F4EBF1, #9CCDDC, #0096B2, #007046, #00324C)
• Washed Taupe color palette (#EEF9ED, #B7D3C0, #86A584, #8E677D, #344E45)
• Timeworn Denim Lantern color palette (#EADEE3, #7397B1, #0057A7, #003B3C, #05002C)
• Iris Atelier color palette (#FFF1F6, #BBE0FF, #6D96FB, #00808E, #3E3277)

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