Lagoon Pier color palette — #F3F6F0 · #D3DDDC · #AEC5C9 · #378470 · #444A41

Built around Fern, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D3DDDC): a clean, paper-quiet neutral.
• Stone (#AEC5C9): A luminous, dusty blue — the color of deep harbor water.
• Fern (#378470): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#444A41): a grounded near-black with real depth.

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

• Cypress Summit color palette (#EAF4F6, #D0D9E4, #B4BED0, #468277, #232E30)
• Timeworn Thicket color palette (#EEF9EE, #BBDBCE, #BE9AB5, #006868, #253926)
• Dusty Canyon color palette (#FBF4ED, #BDAE8A, #59803D, #4B604B, #543F00)
• Ancient Loft color palette (#DBE9DE, #00808B, #3E2A40, #132317, #090F0B)
• Teal Lantern color palette (#EEF7F8, #D5DBE2, #B7B1C1, #71BCAB, #3F4A4C)
• Chestnut Basin color palette (#F2F2D6, #A6C1A4, #738BB9, #835D19, #535000)
• Softworn Abyss color palette (#EAF2E7, #9BAFA4, #91748F, #00413B, #0D1709)
• Weathered Canyon color palette (#FFF2EB, #59AA86, #0071A6, #723D2E, #314330)

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