Tempered Lagoon color palette — #F9EFF3 · #C9E0F1 · #758FB5 · #006C71 · #222B43

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

The five colors

• Ivory (#F9EFF3): bright and airy, almost weightless.
• Powder Blue (#C9E0F1): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#758FB5): A luminous, dusty blue — the color of open sky before noon.
• Teal (#006C71): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#222B43): A deep, shadowed, dusty violet — the color of wild irises.

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

• Petrol Hollow color palette (#EEF7F7, #C6E0F4, #5790BD, #006D87, #2D4A6A)
• Weathered Denim Grove color palette (#F7ECF4, #55ABB4, #00617D, #003B2A, #000B1A)
• Dusty Forest color palette (#FAEEF6, #A9CFD9, #008BA1, #005F36, #002436)
• Cerulean Pier color palette (#F1E0EA, #338499, #004061, #00201B, #000109)
• Timeworn Balcony color palette (#F4F6EE, #C0DFF0, #8BC1F1, #4E8BA2, #4D364E)
• Hushed Lagoon Alley color palette (#DCE5D5, #6FB785, #008F77, #005C5C, #002E35)
• Soft Lantern color palette (#DFF7FA, #5AB7A0, #C6707C, #007661, #41181F)
• Nightshade Quarry color palette (#E3F0E1, #618FB6, #1F39A8, #002B31, #050018)

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