Tempered Lagoon color palette — #EFF7F5 · #D2DEEC · #83BCC6 · #299990 · #3A5765

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#D2DEEC): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#83BCC6): A luminous, dusty blue — the color of open sky before noon.
• Fern (#299990): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#3A5765): A full-bodied, dusty blue — the color of open sky before noon.

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

• Weathered Loft color palette (#DFF2EE, #7EBEBF, #00848E, #005A50, #00242B)
• Powder Bloom color palette (#F5F6EE, #B7E4EE, #98C8ED, #819A7D, #3B5446)
• Turquoise Boulevard color palette (#F9F3F7, #D5D6EB, #4EA6C4, #417C64, #415567)
• Denim Archive color palette (#D2E6E3, #639DA9, #006279, #003B3D, #000B12)
• Worn Amber color palette (#E2FBF8, #8FC092, #49B5CA, #B68A36, #2A4946)
• Cobalt Atelier color palette (#E4F2F1, #A8C9E2, #278DD3, #006881, #002E5A)
• Weathered Bronze Bloom color palette (#EEF9EE, #B9D2BD, #89A488, #8E6D4D, #3C4C41)
• Pine Veranda color palette (#D9FFF3, #B7D3A1, #84B276, #44894F, #1D5554)

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