Lagoon Pier color palette — #EDF5E7 · #18A486 · #6C5794 · #5E3600 · #2E1900

Built around Fern, softened by Slate — the whole palette hums with optimism and balance.

The five colors

• Cream (#EDF5E7): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#18A486): A luminous, balanced teal — the color of sea glass.
• Slate (#6C5794): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#5E3600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#2E1900): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Balance. Tagged 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

• Tempered Dune color palette (#EDF5E4, #2CA47E, #6F588C, #5F2A54, #331500)
• Antique Courtyard color palette (#EAF5ED, #59AAB9, #8C6280, #5C4A1C, #352400)
• Pale Cabin color palette (#EEF9EB, #159D94, #256996, #544800, #124323)
• Muted Mulberry color palette (#E2F8ED, #0090B7, #98256A, #3B3C00, #111C00)
• Feathered Aubergine color palette (#CDEACE, #008285, #7E007F, #3B2800, #150C00)
• Worn Villa color palette (#F9F0E4, #BFB38E, #637E53, #495B42, #2E270F)
• Chestnut Boulevard color palette (#E8F8D8, #A2BEAB, #907A8C, #784E08, #35302B)
• Terracotta Atelier color palette (#E9F9FA, #5FB99A, #5A82B8, #A0322E, #014425)

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