Lagoon Harbor color palette — #E7FBF1 · #9DC1B4 · #5E8C78 · #426753 · #384D47
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E7FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Ash (#9DC1B4): A luminous, dusty teal — the color of sea glass.
- Fern (#5E8C78): A luminous, dusty teal — the color of glacier melt.
- Pine (#426753): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal (#384D47): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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
- Softworn Pewter color palette (#E5FBF0, #87B2A1, #787540, #5C5128, #26443B)
- Patina Boulevard color palette (#FFF1F6, #CEAEB8, #9B7383, #725363, #3F4C3F)
- Patina Fern Ridge color palette (#F9F5E8, #E0DABD, #B8BA87, #9F916F, #504900)
- Timeworn Cocoa color palette (#D8EFDC, #A79662, #776030, #5D3C04, #1A3728)
- Dusty Cerulean Dune color palette (#EFF6FE, #668EC5, #50743C, #005A4E, #23333D)
- Tempered Ash color palette (#F3F4FF, #9685BB, #A17070, #2F6877, #393C4E)
- Antique Pewter Dune color palette (#F3F4FF, #D3B5D0, #625580, #34374D, #27212D)
- Antique Bronze Quarry color palette (#DBF4E3, #817823, #534400, #352500, #171800)
Browse the whole catalog at Explore, or see today's palette.