Lagoon Harbor color palette — #EBF4F0 · #A8CCC7 · #5D8F7D · #426779 · #203633

Built around Fern, softened by Peacock — the whole palette hums with sophistication and grounding.

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Stone (#A8CCC7): A luminous, dusty teal — the color of sea glass.
• Fern (#5D8F7D): A luminous, dusty teal — the color of sea glass.
• Peacock (#426779): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#203633): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Muted Lagoon color palette (#ECF8F7, #A0CACA, #4A9178, #4B6C73, #3B5252)
• Cypress Workshop color palette (#F6F0F4, #D5D1E6, #75A2C4, #0F7C70, #29374B)
• Worn Chapel color palette (#E6F4FF, #96B9E4, #757EBE, #635293, #302E4C)
• Fern Dune color palette (#F7F5EE, #CFD5B1, #6AAA96, #6D8476, #4C5301)
• Hushed Onyx Quarry color palette (#D7F8EB, #47744B, #004132, #34003E, #000400)
• Washed Loft color palette (#EEF2FB, #ABAFDB, #9FA163, #6465C1, #343303)
• Wandering Pine color palette (#EAF5EC, #9EA579, #44723D, #454067, #002318)
• Weathered Ridge color palette (#EEF1FF, #C7CCF5, #8A78B1, #52397C, #25193B)

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