Lagoon Coast color palette — #EFF7F9 · #D7DBE2 · #B4A8AD · #538E88 · #4B5557

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

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D7DBE2): a clean, paper-quiet neutral.
• Ash (#B4A8AD): a calm mid-gray that lets other colors speak.
• Storm Blue (#538E88): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4B5557): a grounded near-black with real depth.

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

Use it as a design system

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

• Petrol Workshop color palette (#F1F6FB, #DCD9E1, #CDB9CD, #5177A0, #424850)
• Wandering Driftwood color palette (#EEF4ED, #CEDAD8, #A2B2BA, #728A72, #323832)
• Antique Parlor color palette (#F0F8EF, #A5CBBB, #628E66, #4D6B77, #40524A)
• Muted Garden color palette (#DFFDF7, #AEC9D3, #8598B9, #5D796A, #3C5246)
• Hushed Denim color palette (#D9E2EA, #B2B9C8, #8D89AB, #00496F, #15212B)
• Wandering Spruce color palette (#E3EDF1, #8E9CA6, #647189, #003233, #000B10)
• Wandering Cobalt color palette (#FFF0F7, #6FB8A3, #427BB3, #784E34, #334C55)
• Dusty Pewter Courtyard color palette (#EAF9F7, #78A57B, #826097, #5F531F, #2A4B38)

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