Lagoon Pier color palette — #EDF8F4 · #A4CAC3 · #618D70 · #795C6C · #3B534E

A conversation between Fern and Graphite, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Stone (#A4CAC3): A luminous, dusty teal — the color of sea glass.
• Fern (#618D70): A luminous, dusty teal — the color of sea glass.
• Graphite (#795C6C): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#3B534E): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Ancient Lagoon color palette (#EEF7F6, #A3C9CC, #4F8E88, #4F6F53, #355355)
• Hushed Olive color palette (#E8FAF5, #A3B989, #A48CC4, #607E32, #484A69)
• Softworn Lantern color palette (#F8F5EC, #CFD5B4, #71A89C, #927577, #4C5300)
• Ancient Forest color palette (#D9FEF8, #A4DCD3, #5F8A5D, #2B5D1E, #223F1A)
• Petrol Orchard color palette (#F1F7F2, #DADDED, #7E9AC7, #017B95, #45526D)
• Rust Terrace color palette (#E5FBF6, #83A372, #648CBE, #A65E64, #284A44)
• Teal Field color palette (#E5FBF7, #6AB68D, #007B68, #724500, #00472B)
• Moonless Forest color palette (#D3E6E1, #3D6944, #003424, #261000, #000901)

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