Lagoon Harbor color palette — #F6F8D9 · #B1F5F0 · #60BFA8 · #008F8E · #355540
A conversation between Cerulean and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Custard (#F6F8D9): A whisper-light, dusty green — the color of a quiet forest floor.
- Sea Foam (#B1F5F0): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#60BFA8): A luminous, balanced teal — the color of sea glass.
- Cerulean (#008F8E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#355540): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Balance. Tagged light, muted, cool.
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
- Hushed Mint Veranda color palette (#D6FFF8, #75C8A1, #399682, #307070, #425169)
- Powdered Teal color palette (#A5F4D7, #00C0B5, #008A99, #004C68, #001F3B)
- Tempered Delta color palette (#E7FCE8, #BBE9E0, #6FCBC8, #007579, #123117)
- Pine Archive color palette (#FFF4DF, #E2E7B5, #A8C67F, #518B54, #465637)
- Patina Teal Atelier color palette (#EEF9EC, #AFF5ED, #FAB6C8, #00B1A5, #623933)
- Faded Alley color palette (#DCFFEA, #11EED6, #00B1B8, #00758F, #003A58)
- Cobalt Pier color palette (#E8FCE1, #D0E9FC, #6DC7ED, #4987BC, #644663)
- Feathered Turquoise Parlor color palette (#C3EAEB, #00AAC8, #00709C, #003965, #040036)
Browse the whole catalog at Explore, or see today's palette.