Lagoon Pier color palette — #F3F6F0 · #D4DCDA · #A4ADB9 · #46927A · #50544D

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

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D4DCDA): a clean, paper-quiet neutral.
• Ash (#A4ADB9): A luminous, dusty blue — the color of open sky before noon.
• Fern (#46927A): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#50544D): 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

• Ancient Lagoon Canyon color palette (#EBF4F5, #D1D8DD, #ACADB9, #5E8C92, #2E383A)
• Stone Grove color palette (#EDF7F8, #D3DCE6, #B3B0BB, #6C625B, #484F54)
• Softworn Harbor color palette (#FFF2EB, #7FB59C, #3E8197, #824637, #3C4D37)
• Bronze Summit color palette (#F2F9E1, #BFCEC1, #749B90, #925E2B, #524D00)
• Aged Spruce color palette (#E4EBE2, #8F9E93, #59786D, #00332C, #030C01)
• Garnet Terrace color palette (#F0F8EF, #52A8A4, #866286, #7A3D53, #563D16)
• Patina Abyss color palette (#E8F3ED, #BFB5BF, #9D8794, #004C62, #12231B)
• Dusty Lantern color palette (#FAF4EE, #CCBFA4, #8C833A, #547032, #624900)

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