Lagoon Harbor color palette — #EFF7F3 · #D3DCDD · #B3ACA5 · #628D79 · #4C5551

A conversation between Eucalyptus and Charcoal Brown, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Silver (#D3DCDD): a clean, paper-quiet neutral.
• Ash (#B3ACA5): soft and architectural.
• Eucalyptus (#628D79): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#4C5551): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Lagoon Harbor 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

• Worn Turquoise Thicket color palette (#F0F6FA, #DADAE2, #BDAFB7, #66A6BC, #49545B)
• Aged Driftwood color palette (#F9F3F9, #E0D7D8, #B1ACA1, #957693, #575056)
• Wandering Fern color palette (#F5F6ED, #BBC5AB, #748869, #566C5C, #42550F)
• Worn Dune color palette (#EDF4F0, #DAD1D0, #9FA197, #438EA7, #2F3933)
• Washed Cobalt color palette (#FDF4E6, #7DAFCD, #6973A5, #774E3B, #334E48)
• Muted Bronze color palette (#DAFFF2, #CFBCCA, #A38D94, #8F6026, #495100)
• Worn Denim Balcony color palette (#F4EBF3, #D5C8CF, #B099A2, #365488, #352A34)
• Dusty Petrol color palette (#EDF8F5, #E8D8DB, #CCB4C0, #1F6DB2, #304540)

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