Tempered Lagoon color palette — #EBF9F6 · #9DDBDC · #00909C · #00685D · #004854

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

The five colors

• Ivory (#EBF9F6): a clean, paper-quiet neutral.
• Ice Blue (#9DDBDC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#00909C): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00685D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004854): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Timeworn Sky color palette (#E9F8FF, #C9DDFC, #71BAF1, #008B93, #125266)
• Patina Teal Garden color palette (#C0EAE3, #00BFB6, #007E7F, #005B61, #113D58)
• Muted Cerulean color palette (#F7EFF5, #88E1E3, #0092AF, #006542, #00283F)
• Muted Loft color palette (#DDF1EC, #629B98, #005458, #003128, #00181B)
• Hushed Alley color palette (#FFF2EC, #9CEBEC, #00ADCF, #008759, #024467)
• Sapphire Harbor color palette (#BAF9FA, #009294, #336ADD, #446E00, #003839)
• Cobalt Lagoon color palette (#E9F9F8, #B1D2F2, #3980D3, #006184, #1D3C7B)
• Faded Parlor color palette (#E6F9FF, #00A8AC, #907F00, #006A6C, #443B00)

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