Tempered Lagoon color palette — #EFF7F5 · #D2DEEB · #8AB9CD · #3E978F · #365868

A conversation between Fern and Ash, giving this palette its sense of calm and sophistication.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#D2DEEB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#8AB9CD): A luminous, dusty blue — the color of open sky before noon.
• Fern (#3E978F): A luminous, balanced teal — the color of sea glass.
• Peacock (#365868): 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

• Hushed Turquoise color palette (#F9F3F7, #D5D6ED, #5EA4BE, #3E7D64, #425567)
• Denim Drift color palette (#D9E9E6, #5E9EAA, #006278, #003B3D, #000B12)
• Tempered Cobalt Ridge color palette (#E6F1F0, #A9C9E1, #148DD6, #006881, #082F53)
• Amber Pier color palette (#ECF9F0, #A7D0B3, #73C2B9, #AB8704, #1E5660)
• Dusty Field color palette (#EBFAF0, #BDDEEF, #C3C0C9, #B69E69, #3A5146)
• Antique Atelier color palette (#EDF9EF, #BAD2C1, #AE996F, #8F6E40, #374E41)
• Dusty Coral Lagoon color palette (#EAFAEC, #C7AD7E, #7CB585, #CD757A, #324936)
• Tempered Lagoon color palette (#EFF7F6, #D3DEEE, #7EBCD1, #20989D, #37576B)

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