Tempered Lagoon color palette — #F6E9F3 · #398F92 · #004454 · #002415 · #000A15

A conversation between Cerulean and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Blush (#F6E9F3): bright and airy, almost weightless.
• Cerulean (#398F92): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004454): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#002415): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000A15): A deep, shadowed, 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

• Tempered Denim Field color palette (#DBE9E6, #5E9FA1, #00646E, #003C36, #000C0F)
• Worn Navy Harbor color palette (#F2DCE3, #5B85AA, #22347C, #002127, #0B0026)
• Denim Delta color palette (#F7E2E9, #7CA4C2, #2A51A7, #003D43, #1E104E)
• Pine Veranda color palette (#F9EDD8, #899D58, #007E55, #502000, #100F00)
• Obsidian Loft color palette (#E4DFC4, #746900, #322900, #162120, #0C0800)
• Patina Villa color palette (#F7EAF2, #8CB8D0, #066EA8, #005049, #192B56)
• Charred Pier color palette (#D8F0DD, #674C00, #003A84, #2B1E00, #000516)
• Muted Cerulean Market color palette (#FDF1FA, #A7D6EB, #058ABA, #006855, #1D416A)

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