Lagoon Pier color palette — #F2F7ED · #92D5B7 · #DEA465 · #3AA17B · #524C46

Fern and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F2F7ED): a clean, paper-quiet neutral.
• Mint Leaf (#92D5B7): A luminous, balanced teal — the color of glacier melt.
• Camel (#DEA465): A luminous, balanced gold — the color of old brass.
• Fern (#3AA17B): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#524C46): a grounded near-black with real depth.

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

• Muted Stone color palette (#EFF8F0, #7ED4DF, #B5B76A, #3D9CA6, #4F4D46)
• Worn Sky Field color palette (#F7F6E7, #B6CE9A, #56C0E5, #7C9758, #385446)
• Weathered Study color palette (#EDF9EA, #B1E4EB, #C3BEC8, #95A686, #475345)
• Amber Grove color palette (#EBFBE2, #00CAAE, #C79100, #008B77, #4D3600)
• Dusty Lagoon color palette (#F1F7F1, #C2DBAB, #1A8E91, #3F5341, #252E26)
• Aged Lagoon color palette (#EEF9EC, #8DD4CB, #AAA8F0, #02A296, #5E4453)
• Aged Bronze Workshop color palette (#FBF5E8, #D6CAA7, #A89C69, #926E2B, #554700)
• Washed Mint Studio color palette (#F0F9E6, #6DC4A0, #C5819F, #478068, #624443)

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