Lagoon Coast color palette — #E8F9FA · #52A289 · #A56A84 · #755B1F · #2F4142

Fern takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#E8F9FA): bright and airy, almost weightless.
• Fern (#52A289): A luminous, balanced teal — the color of glacier melt.
• Mocha (#A56A84): A full-bodied, balanced rose — the color of pressed rose petals.
• Coffee (#755B1F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#2F4142): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Sophistication. Tagged muted.

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

• Timeworn Driftwood Canyon color palette (#EAF9F8, #5EA179, #8C70AD, #884B4C, #304141)
• Weathered Market color palette (#ECF7FE, #42A6C1, #975880, #5A5614, #184C44)
• Cerulean Canyon color palette (#EAF8FD, #30A2A8, #A9703E, #456A44, #2B4148)
• Patina Harbor color palette (#E7F6EE, #3FA1C6, #9075AB, #765069, #17271F)
• Wandering Cerulean Canyon color palette (#F0F6FA, #D9D9E2, #B8A7AA, #5B89A0, #4E5357)
• Turquoise Coast color palette (#E9F8FF, #38BDD7, #9D92CB, #50867C, #2E4049)
• Powdered Brick Summit color palette (#E7F9FF, #00868F, #C1021B, #564A00, #06313D)
• Violet Boulevard color palette (#EEF7FA, #8DCDD1, #8B6CB2, #007C82, #2C2D38)

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