Tempered Lagoon color palette — #ECF7FB · #8BD3D6 · #5398C1 · #009298 · #142633

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

The five colors

• Ivory (#ECF7FB): bright and airy, almost weightless.
• Ice Blue (#8BD3D6): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5398C1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#009298): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#142633): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, 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

• Softworn Emerald Coast color palette (#ECF8F7, #9BD4AA, #16A3A4, #2E9757, #0F282F)
• Hushed Cobalt Garden color palette (#EDF6FF, #8FCBFF, #7F86D8, #2C86CA, #1E2433)
• Periwinkle Alley color palette (#F0F8F1, #9BF7FF, #4CA3F1, #009CA6, #001712)
• Tempered Sky color palette (#DAFDFC, #5DBEE8, #598ABD, #7B5182, #234056)
• Cerulean Market color palette (#EFF7FA, #D6DBE6, #BCC0CC, #4C9CAC, #3B4A51)
• Tempered Navy color palette (#D5F4FF, #82CEF7, #5E9BC9, #376BA9, #1C3B82)
• Tempered Cobalt Market color palette (#E3F5FF, #00BEE3, #007ACF, #00758D, #001226)
• Denim Boulevard color palette (#D0E3EC, #0094A5, #00578B, #004F58, #000205)

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