Lagoon Lagoon color palette — #EFF7F9 · #D6DBE4 · #B6ABB2 · #518E8F · #4A5558

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 (#D6DBE4): bright and airy, almost weightless.
• Ash (#B6ABB2): soft and architectural.
• Storm Blue (#518E8F): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#4A5558): a grounded near-black with real depth.

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

Use it as a design system

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

• Aged Study color palette (#F1F7F0, #D1DEDE, #BAB7AD, #8BA388, #4E554E)
• Hushed Driftwood color palette (#EAF4F6, #D3D8E1, #B5ACB7, #658A92, #2E383A)
• Dusty Boulevard color palette (#E9F8FF, #B0C3D5, #8B97B5, #7C6776, #5E4946)
• Hushed Cobalt Cabin color palette (#EBF9EE, #6FB5BD, #3C7DB0, #7D484C, #374B56)
• Washed Denim color palette (#E7F0F6, #C2CDD9, #95A1B7, #005D7D, #243038)
• Worn Spruce color palette (#DDE6E9, #889DAC, #5B738C, #003138, #000B11)
• Navy Study color palette (#EBEEF5, #A4A8BD, #8F739C, #262682, #0E141F)
• Hushed Canyon color palette (#F1F5FF, #D0D1E4, #BD98BE, #5649A5, #2B3248)

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