Lagoon Pier color palette — #ECF8F6 · #9ACCCA · #538E7E · #486C79 · #3C5251

Fern and Stone set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#ECF8F6): a clean, paper-quiet neutral.
• Stone (#9ACCCA): A luminous, dusty teal — the color of sea glass.
• Fern (#538E7E): A luminous, dusty teal — the color of sea glass.
• Graphite (#486C79): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3C5251): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Aged Cypress Boulevard color palette (#ECF8F5, #90BC9A, #2C856B, #495A7A, #2B4947)
• Azure Parlor color palette (#F1F7F2, #D6DEF0, #67A1C6, #3B7A7C, #455466)
• Weathered Fern Workshop color palette (#F8F5EC, #D0D6A9, #8EA383, #68857A, #4C5200)
• Tempered Lagoon color palette (#C9EFE9, #207D5A, #004139, #1E1551, #00140B)
• Weathered Moss color palette (#F2F5FF, #ACA9DE, #9F9E3E, #6F6AA5, #375547)
• Amber Study color palette (#F2F5FF, #9A8DC9, #BF7540, #398672, #3E4151)
• Olive Summit color palette (#EAFAEE, #A8A85F, #567600, #005975, #3E3D0C)
• Antique Fern Chapel color palette (#D9E9E0, #859353, #2A6500, #0E4260, #0A3026)

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