Tempered Lagoon color palette — #EBF5EB · #2A8D8E · #2B423B · #222B23 · #111712

A conversation between Cerulean and Forest, giving this palette its sense of sophistication.

The five colors

• Cream (#EBF5EB): bright and airy, almost weightless.
• Cerulean (#2A8D8E): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#2B423B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#222B23): quiet, heavy and certain.
• Ink (#111712): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Teal Atelier color palette (#EBF5EC, #52ACAF, #495E53, #2F3C30, #1F231E)
• Dusty Pier color palette (#E4F5FB, #55CCCC, #687E92, #47585C, #1B2423)
• Cellar Dune color palette (#DBEAE0, #00758C, #19284F, #001E10, #010B07)
• Worn Corridor color palette (#EFDFED, #406DC6, #442932, #271A26, #091414)
• Spruce Cabin color palette (#D7F2DD, #4A4A53, #00353B, #09161A, #000410)
• Weathered Azure color palette (#E3FCF3, #5F9FCC, #AF7D51, #826F30, #314840)
• Lowlit Orchard color palette (#F7E6FA, #00467F, #14032A, #030D10, #070009)
• Tempered Dune color palette (#F9F6E1, #BCCAB5, #7A9990, #8F6227, #574D00)

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