Lagoon Workshop color palette — #FBF2F6 · #DAD4E3 · #9BB3D4 · #57938C · #4C5167

A conversation between Storm Blue and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#DAD4E3): A whisper-light, dusty violet — the color of wild irises.
• Ash (#9BB3D4): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#57938C): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#4C5167): A full-bodied, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

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

• Ancient Turquoise Courtyard color palette (#EFF7F6, #D7DCEA, #9CCDF3, #4EB0CD, #3F556C)
• Aged Petrol color palette (#F4F6EF, #C7E5E6, #77A496, #3D788A, #5F4A61)
• Softworn Taupe color palette (#E9FAF1, #C6DCF8, #B9ADBA, #B5908C, #43544F)
• Washed Mustard color palette (#E5FBF3, #BDCE7C, #B8A5E4, #879454, #474B67)
• Hushed Ash Orchard color palette (#FFF0F9, #B7D4B4, #B38FA5, #816C85, #3C4C43)
• Ancient Balcony color palette (#FDF1F9, #9FE0F3, #569BD6, #117E63, #2D3A56)
• Cobalt Villa color palette (#F2E0E9, #57BFE8, #3074C8, #005A4E, #1C1644)
• Pale Parlor color palette (#F4E6F5, #1AB9B3, #00728A, #064E0C, #001529)

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