Lagoon Pier color palette — #ECF9F3 · #A0CBC2 · #5A8C88 · #526B6F · #3D524D

Storm Blue and Stone set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#ECF9F3): a clean, paper-quiet neutral.
• Stone (#A0CBC2): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#5A8C88): A luminous, dusty teal — the color of sea glass.
• Graphite (#526B6F): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3D524D): A full-bodied, dusty teal — the color of sea glass.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Wandering Boulevard color palette (#E7FBF1, #A0BA83, #557F59, #465C72, #314842)
• Tempered Cabin color palette (#F0F7F1, #D0E1F4, #72A1B7, #45787E, #425562)
• Weathered Ash color palette (#F0F5FF, #DDD8E2, #C7B2A0, #7D92A7, #474C5D)
• Washed Fern color palette (#F9F5EB, #D5D3B1, #97A17C, #6F8471, #554F00)
• Hushed Loft color palette (#E8F5FF, #76BBF3, #648AC5, #516088, #4F4761)
• Ancient Powder color palette (#EFF6FF, #93AFE9, #AC965F, #5972A4, #3B5442)
• Wandering Lagoon color palette (#D2EBE8, #28A27A, #00635A, #004653, #003032)
• Iris Basin color palette (#F0F5FF, #7F94DA, #B6766B, #558360, #3A4353)

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