Lagoon Coast color palette — #E7F9FB · #84D7C2 · #E197B7 · #3AA08A · #55465F

Fern takes the lead with Ballet Pink close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#E7F9FB): bright and airy, almost weightless.
• Lagoon (#84D7C2): A whisper-light, balanced teal — the color of sea glass.
• Ballet Pink (#E197B7): A luminous, balanced rose — the color of strawberry cream.
• Fern (#3AA08A): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#55465F): A full-bodied, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged light, 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

• Lilac Terrace color palette (#ECF8F5, #B6CE9A, #C49FE4, #7C975B, #4A4A63)
• Teal Hollow color palette (#E2FAFE, #62C4B0, #C77F9D, #2B8372, #55465E)
• Hushed Market color palette (#F0F8ED, #9DE5DA, #EBB3D8, #64BAAE, #674143)
• Apricot Atelier color palette (#EBF7FF, #91CFE7, #E99D70, #3899B9, #604352)
• Patina Teal Alley color palette (#E2FBFF, #56C7B7, #B196D8, #B38963, #32464A)
• Antique Parlor color palette (#F0F9E7, #B3F7DB, #EEC38E, #60AB8F, #4A453F)
• Softworn Basin color palette (#E6F9FF, #00C6CB, #FF5774, #00888C, #60232C)
• Cerulean Grove color palette (#EFF6FB, #E4CFA3, #3A899E, #37515E, #222D33)

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