Tempered Lagoon color palette — #F6F6EB · #C9E6C6 · #46999D · #316F62 · #32503B

A conversation between Storm Blue and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Celadon Mist (#C9E6C6): A whisper-light, dusty green — the color of fresh herbs.
• Storm Blue (#46999D): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#316F62): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#32503B): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Worn Cerulean Alley color palette (#F3F7EC, #C0E6D9, #648EB6, #326A7F, #534053)
• Muted Chapel color palette (#F5F6ED, #93D1DA, #03869E, #00605F, #1D4332)
• Cerulean Corridor color palette (#E4E6D8, #00A3AC, #00535F, #00302D, #00171E)
• Washed Basin color palette (#F0F7F1, #CADFF1, #5FB4BE, #3A8C6D, #284D60)
• Washed Delta color palette (#FBF3F1, #C6E9DE, #76CBE6, #64AC66, #1C5247)
• Antique Amber color palette (#FFF3E3, #C8953B, #00A086, #865D00, #114D41)
• Amber Hollow color palette (#FFF4E1, #AA8200, #3A8F59, #935453, #3B3731)
• Cobalt Hollow color palette (#F2F7EA, #A5D3FF, #387FD7, #006186, #283E6C)

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