Tempered Lagoon color palette — #F1F2EC · #C6E1DE · #66A7BE · #28787D · #233C32

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Cream (#F1F2EC): bright and airy, almost weightless.
• Silver (#C6E1DE): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#66A7BE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#28787D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#233C32): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, 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

• Ash Basin color palette (#FAF2F8, #D7D5E9, #73A0BC, #447A6F, #445469)
• Periwinkle Ridge color palette (#EEF5E6, #86C2A8, #789CDD, #278463, #3F273D)
• Denim Quarry color palette (#E4E7DB, #5293B4, #004E77, #002A35, #00040E)
• Cerulean Basin color palette (#F2F3E9, #B1D1B4, #008C9B, #005C55, #00252E)
• Hushed Azure color palette (#EAF7E2, #53AF9A, #4395CE, #7B7D36, #212B1B)
• Aged Emerald color palette (#EFF2D2, #93C596, #3C9F64, #256345, #32352E)
• Hushed Field color palette (#EDF5E6, #C4E4D8, #C7C1DE, #88956F, #323C2E)
• Ancient Cobalt color palette (#F0F4E6, #9ED8FF, #0088DB, #005E78, #03244B)

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