Lagoon Harbor color palette — #F2F7F0 · #D1E3D9 · #D1B2CF · #008A7D · #2C3628
Built around Fern, softened by Rosewood Mist — the whole palette hums with sophistication.
The five colors
- Ivory (#F2F7F0): bright and airy, almost weightless.
- Silver (#D1E3D9): A whisper-light, dusty teal — the color of sea glass.
- Rosewood Mist (#D1B2CF): A luminous, dusty pink — the color of peonies in June.
- Fern (#008A7D): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#2C3628): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Wandering Lagoon color palette (#EAF9F2, #EBD7E6, #CAB2E3, #0082AF, #1D3A2E)
- Ancient Orchard color palette (#F3F7EF, #CFE5D1, #90C5EA, #008D62, #293A00)
- Antique Thicket color palette (#EDF9ED, #C9DEDA, #A0CCC8, #00AEAF, #283828)
- Muted Cypress color palette (#E5FAFF, #B3D9EB, #89ACC5, #006866, #1C383E)
- Iris Harbor color palette (#F9F3F8, #E7D8D7, #D3BDB3, #7090C6, #4D444C)
- Denim Lagoon color palette (#E9F1EE, #D2BDC8, #C2989F, #0063A9, #14231F)
- Timeworn Taupe color palette (#F2F7F1, #D3DDDD, #B8B6AC, #85A585, #4F544F)
- Hushed Pier color palette (#CEEDD9, #00869D, #0D307E, #001F26, #040902)
Browse the whole catalog at Explore, or see today's palette.