Lagoon Pier color palette — #ECF3F5 · #D2D7DE · #B1ADB9 · #4B908D · #30383A

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

The five colors

• Ivory (#ECF3F5): a clean, paper-quiet neutral.
• Silver (#D2D7DE): a clean, paper-quiet neutral.
• Ash (#B1ADB9): soft and architectural.
• Storm Blue (#4B908D): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#30383A): 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

• Ancient Cobalt Corridor color palette (#EEF2F8, #D9D6E1, #C2B9CA, #5276A9, #262D34)
• Dusty Drift color palette (#F2F7F0, #D1DEDD, #BDB1A8, #728A6A, #4F544D)
• Lagoon Grove color palette (#EBF5EF, #A1CFC0, #66905F, #49686B, #223630)
• Weathered Ash Orchard color palette (#E0F6FF, #AEC7DB, #8592AD, #786375, #4C3B42)
• Washed Delta color palette (#D8E0E8, #A9B4C5, #838CAB, #004775, #020B18)
• Worn Hollow color palette (#E7F7EA, #6DBBBD, #3280AE, #73414A, #1D2F37)
• Washed Spruce Station color palette (#E1EEF2, #7E909B, #576E82, #003034, #000202)
• Softworn Aqua Grove color palette (#E6F4FB, #B5DCF9, #4EDAF9, #7DA2D7, #152D3A)

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