Lagoon Harbor color palette — #EEF4EB · #2D8E7F · #2F4233 · #222C1D · #101812

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

The five colors

• Cream (#EEF4EB): bright and airy, almost weightless.
• Fern (#2D8E7F): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#2F4233): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Forest (#222C1D): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#101812): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Teal Pier color palette (#E2F6F9, #4FAF99, #415C6C, #2C3B3D, #1D2322)
• Muted Courtyard color palette (#E2F6F9, #00D3BA, #698088, #47585B, #1D2323)
• Inked Cypress color palette (#D6E8D8, #00777E, #003040, #001D1F, #000708)
• Hushed Drift color palette (#E7FBF0, #68A2B6, #B17299, #847809, #2D4A3B)
• Shadow Denim color palette (#D9F9EC, #004B6B, #1E262E, #010C29, #000307)
• Washed Cypress color palette (#F8F5EF, #CBE4E0, #67A3BB, #217E76, #2B5348)
• Hushed Petrol color palette (#ECF9F0, #7EBBCA, #C88573, #008096, #534B47)
• Timeworn Drift color palette (#F6F6EC, #BDC4AD, #758865, #6B6A1F, #465409)

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