Tempered Lagoon color palette — #EFF7F9 · #D5DBE3 · #B4ACB4 · #528E8D · #4C5456

Storm Blue and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D5DBE3): bright and airy, almost weightless.
• Ash (#B4ACB4): a calm mid-gray that lets other colors speak.
• Storm Blue (#528E8D): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4C5456): quiet, heavy and certain.

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

• Driftwood Chapel color palette (#EAF4F6, #D2D8E1, #B3ACBA, #668A91, #2F383A)
• Aged Archive color palette (#EEF7F9, #D7DAE1, #B6AFB8, #6D655D, #4B5556)
• Weathered Ash color palette (#ECF7FF, #AFBFD2, #8191B0, #736B83, #564E5B)
• Tempered Station color palette (#EEF8F4, #A3CAC1, #6C8B65, #4B6D6C, #40514D)
• Softworn Turquoise color palette (#E4FBF8, #5CB7C8, #3A80A3, #634E7D, #364B56)
• Tempered Courtyard color palette (#E7F0F6, #C0CEDA, #8EA3B9, #005D7B, #213039)
• Patina Petrol Alley color palette (#E7F0F4, #8D9DA5, #45788F, #003137, #000B11)
• Softworn Studio color palette (#DADFE8, #A0A9C0, #767D9F, #202489, #0B1324)

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