Tempered Lagoon color palette — #EFF7F7 · #D3DBE0 · #AEAAB6 · #558D8C · #4D5454

Storm Blue takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D3DBE0): a clean, paper-quiet neutral.
• Ash (#AEAAB6): a calm mid-gray that lets other colors speak.
• Storm Blue (#558D8C): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#4D5454): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Timeworn Driftwood color palette (#EAF4F3, #CFD9DF, #ADADB9, #658B88, #303837)
• Worn Taupe Pier color palette (#F4F6EE, #D2DFD9, #A5B6B9, #999F81, #52534D)
• Antique Abyss color palette (#E7EFF2, #ABBCC6, #7293AB, #004E5A, #0E222A)
• Tempered Lagoon Alley color palette (#EEF8F6, #9ACCCA, #5B8E78, #506C69, #3C5251)
• Dusty Study color palette (#E6F9FC, #B6DDEC, #5EE0C8, #3AAFB7, #355258)
• Petrol Chapel color palette (#D9E9EA, #84A0A4, #447A86, #003426, #000C0D)
• Hushed Petrol Drift color palette (#E9F8FD, #41A9B0, #3D75A6, #574881, #493B5A)
• Ancient Denim color palette (#EEF6FE, #C5D4E6, #95A6CE, #005E98, #203548)

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