Lagoon Pier color palette — #F5F6EE · #CAE5DF · #97BCA2 · #50948F · #385143

Built around Storm Blue, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#CAE5DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#97BCA2): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#50948F): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#385143): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Lagoon Pier 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 Orchard color palette (#E8E8DD, #80BEC0, #008491, #005A52, #00242C)
• Softworn Powder Archive color palette (#F4F6EF, #CAE4E5, #8CB6DB, #598FA2, #5D4C5E)
• Washed Mustard color palette (#FCF5E1, #BEB366, #69B799, #B88476, #45423B)
• Wandering Coast color palette (#FBF5E6, #D7E4CA, #A0CCBC, #B39F7E, #5F4D00)
• Denim Studio color palette (#E4E6D6, #579EB0, #00627B, #003B3F, #000B13)
• Soft Cobalt Parlor color palette (#ECF1E1, #97CCEF, #498CC3, #006883, #092E56)
• Antique Taupe color palette (#FFF4DA, #DDD8A4, #A9A162, #746C35, #3C3932)
• Weathered Driftwood Dune color palette (#FDF4E7, #DCC08E, #D79DBC, #A6874F, #664242)

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