Lagoon Workshop color palette — #EFF7F9 · #D5DBE2 · #B4AAB2 · #548E8A · #4B5557

Built around Storm Blue, softened by Ash — the whole palette hums with sophistication.

The five colors

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

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

Use it as a design system

One click turns Lagoon Workshop 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

• Cerulean Harbor color palette (#EAF4F6, #D3D9E4, #B3ADB6, #588C96, #2E383A)
• Dusty Pewter color palette (#F1F7F1, #D3DCDA, #A7B3B7, #6E6164, #4F544E)
• Worn Driftwood color palette (#EDF8F2, #9ECCBE, #6B8B65, #496D71, #3F524C)
• Weathered Parlor color palette (#ECF9EE, #67B7B9, #3B7EA7, #7A4952, #384B53)
• Denim Hollow color palette (#E9F0F4, #C1CEDA, #91A2BA, #005E77, #252F36)
• Softworn Petrol color palette (#E2EEF2, #8A9DA8, #4E7593, #003235, #000B11)
• Weathered Glacier color palette (#E9F8FF, #B5FFE8, #66DFF2, #6B98C6, #364D5A)
• Softworn Navy Grove color palette (#D9DEE8, #A4A9B9, #7C7C9B, #15238F, #0D1420)

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