Lagoon Coast color palette — #EAF4F7 · #D2D8E3 · #B8BCCC · #368286 · #242E31

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

The five colors

• Ivory (#EAF4F7): bright and airy, almost weightless.
• Silver (#D2D8E3): a clean, paper-quiet neutral.
• Ash (#B8BCCC): A luminous, dusty violet — the color of a velvet chair.
• Teal (#368286): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#242E31): quiet, heavy and certain.

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

• Cypress Terrace color palette (#F1F7F1, #D3DCDC, #CEBCC2, #457F80, #424A42)
• Tempered Petrol color palette (#EEF2FA, #D9D3DF, #B6B4CB, #585F96, #1B202C)
• Driftwood Meadow color palette (#E2F5FF, #A2BFDA, #7381A2, #6E5869, #2C402A)
• Patina Abyss color palette (#DEE9EF, #8DA3B3, #6B7E92, #003E47, #000509)
• Hushed Lagoon Parlor color palette (#E8F5EF, #A4BC92, #55815E, #3B5B60, #0F2D28)
• Navy Boulevard color palette (#EBEFFD, #B0B1C6, #8F89A1, #423974, #070A15)
• Washed Bloom color palette (#DEFBE4, #00B0C1, #3C6F9C, #693438, #0F2631)
• Aged Seafoam Grove color palette (#E4F5FF, #5BFFF5, #48D1F2, #708ED3, #0B2232)

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