Tempered Lagoon color palette — #E6F6F2 · #95D5D3 · #108C94 · #005D51 · #002531

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

The five colors

• Ivory (#E6F6F2): bright and airy, almost weightless.
• Ice Blue (#95D5D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#108C94): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D51): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#002531): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cobalt Quarry color palette (#E9F4F4, #95D0F6, #3981BB, #00586F, #08213D)
• Washed Cerulean Balcony color palette (#F9F4EC, #AECFAD, #1A8795, #00624A, #194431)
• Softworn Lagoon Dune color palette (#D4EAE5, #00898F, #00444C, #001F1D, #000202)
• Aged Cobalt color palette (#D7EAF3, #008C9B, #5866B7, #366932, #001720)
• Worn Sky Villa color palette (#E1F6FF, #C2DBFF, #82B2D6, #327A7F, #0E2D3B)
• Frosted Bronze color palette (#CFF0F9, #00A6A5, #8F7B00, #006261, #221C00)
• Softworn Corridor color palette (#D8E7E4, #57ABB5, #006374, #003938, #000D13)
• Wandering Market color palette (#FAF2FA, #B6DCE6, #47A2C0, #3B7D44, #1D3C5D)

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