Tempered Lagoon color palette — #E1F6FD · #00A1A5 · #805081 · #643200 · #311700

Cerulean takes the lead with Graphite close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#E1F6FD): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#00A1A5): A luminous, balanced teal — the color of shallow lagoons.
• Graphite (#805081): A full-bodied, balanced pink — the color of peonies in June.
• Bronze (#643200): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#311700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Balance. Tagged 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

• Sunlit Terrace color palette (#F0F8EB, #0E9F85, #824F75, #663E02, #3B3200)
• Aged Emerald color palette (#E2F7F6, #28A670, #5D5AA1, #63301F, #351206)
• Misty Azure Alley color palette (#E5F4FF, #009AD0, #994655, #543C00, #192200)
• Pale Coast color palette (#B3EBFD, #007E9A, #88005E, #3C2800, #160C00)
• Sunlit Turquoise Grove color palette (#EBFAEF, #38B7CB, #8A73AE, #8B4839, #2E3F0A)
• Antique Corridor color palette (#C2F2FF, #8DB5D1, #7B83A3, #4F6851, #29372A)
• Powdered Loft color palette (#E8FBEF, #00CFF8, #7084D1, #754978, #00332C)
• Weathered Thicket color palette (#E9F6ED, #ACBA8D, #58815E, #395B64, #122D26)

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