Tempered Lagoon color palette — #D9F4F2 · #009C9C · #00666E · #004952 · #122D44

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D9F4F2): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#009C9C): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#00666E): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#122D44): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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 Cerulean Parlor color palette (#CBF0F7, #0084A0, #00556F, #003146, #101533)
• Emerald Villa color palette (#D0F2DB, #00A472, #007056, #00473C, #00312D)
• Faded Byzantium Study color palette (#C9E7D3, #008EA4, #854BAB, #005260, #37174B)
• Dusty Periwinkle Quarry color palette (#D3FAE5, #95CEF3, #76A6E5, #006C7A, #023248)
• Washed Station color palette (#BAECFF, #5FB7DE, #1C88BC, #1C608E, #2D4A68)
• Pale Lagoon color palette (#CBE3EB, #007890, #584AB3, #005D2D, #00242D)
• Linen Parlor color palette (#CEE8F9, #0D8FDE, #0065AD, #003C87, #142963)
• Cobalt Harbor color palette (#FFEAFF, #9DB9EE, #6D7EB5, #5A6093, #664559)

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