Lagoon Pier color palette — #EEF7F8 · #D5DAE0 · #B1A9B2 · #568C92 · #485557

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

The five colors

• Ivory (#EEF7F8): bright and airy, almost weightless.
• Silver (#D5DAE0): bright and airy, almost weightless.
• Ash (#B1A9B2): soft and architectural.
• Storm Blue (#568C92): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#485557): a grounded near-black with real depth.

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

Use it as a design system

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

• Softworn Lagoon Balcony color palette (#ECF4F4, #D3D7DD, #B5AEBB, #5C8F7B, #2D3939)
• Washed Summit color palette (#DCE7EE, #AFBAC6, #818FA7, #004B66, #13212A)
• Timeworn Ash color palette (#E4FAFF, #B4D3E4, #7D92A8, #786B7A, #604E59)
• Aged Petrol color palette (#E8FBEC, #72B7AB, #418196, #764A5D, #2F4D55)
• Wandering Driftwood Delta color palette (#F0F7F2, #A9C9BA, #798860, #4F6C6C, #3C5348)
• Weathered Spruce Boulevard color palette (#E4F0F3, #899EA6, #5F7481, #00332E, #000C0F)
• Washed Denim Archive color palette (#EFF6FF, #CCD2E3, #A0A3CB, #2E55A8, #24334B)
• Lagoon Bloom color palette (#EEF7FA, #D7DAE1, #B3A9AF, #538C94, #4A5458)

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