Lagoon Pier color palette — #F2F7F1 · #D2DEDD · #D0BBB7 · #549F95 · #434A41

A conversation between Eucalyptus and Stone, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D2DEDD): bright and airy, almost weightless.
• Stone (#D0BBB7): A luminous, dusty orange — the color of sun-warmed clay.
• Eucalyptus (#549F95): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#434A41): quiet, heavy and certain.

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

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

• Softworn Cerulean Alley color palette (#ECF9F4, #F0DBDD, #E6BCB3, #3B8FC0, #30453E)
• Hushed Lagoon Basin color palette (#EDF9EF, #CBE5DD, #B7BAE4, #008794, #233929)
• Ancient Emerald Quarry color palette (#FDF4E9, #C5C996, #62A166, #5A7B62, #504100)
• Patina Study color palette (#DFE5DF, #A5BAB1, #8594BD, #005F5E, #0C170B)
• Timeworn Cerulean color palette (#DAE9E0, #00A0BD, #3C4C6F, #1E3327, #151A13)
• Ancient Bronze color palette (#F3F9DC, #B5D8BC, #9399C5, #92732D, #624800)
• Weathered Field color palette (#DBE2DE, #B09EAD, #9E7B88, #004C65, #020C07)
• Cobalt Pier color palette (#FFF3E8, #6CC6A3, #2A8ECF, #90511C, #324232)

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