Lagoon Pier color palette — #EEF7F7 · #D4DBE0 · #B0A9B3 · #558D8E · #485656

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

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Silver (#D4DBE0): bright and airy, almost weightless.
• Ash (#B0A9B3): soft and architectural.
• Storm Blue (#558D8E): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#485656): 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

• Timeworn Veranda color palette (#ECF4F3, #D2D8DD, #B1ADB9, #608F70, #2C3939)
• Hushed Lagoon Lantern color palette (#EDF8F6, #A2C9CA, #598A92, #516C68, #3D5252)
• Abyss Workshop color palette (#E0E9EE, #ADBBC7, #7C90A9, #004D5C, #0A222D)
• Weathered Spruce color palette (#D2E2E3, #8B9EA3, #547685, #003428, #000C0D)
• Teal Corridor color palette (#EAF8FA, #66A695, #636E98, #75424B, #254B3B)
• Softworn Denim color palette (#EEF6FF, #C9D3E4, #9CA5C8, #005D9F, #263443)
• Muted Delta color palette (#EEF7F6, #D3DBDF, #AEAAB4, #578E87, #4C5553)
• Tempered Loft color palette (#EEF7F8, #D5DAE0, #B1A9B2, #608A90, #485557)

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