Lagoon Harbor color palette — #E7F5F4 · #8EC0A8 · #448372 · #445C45 · #052E2F
Built around Fern, softened by Mint Leaf — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#E7F5F4): bright and airy, almost weightless.
- Mint Leaf (#8EC0A8): A luminous, dusty teal — the color of sea glass.
- Fern (#448372): A full-bodied, dusty teal — the color of sea glass.
- Pine (#445C45): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Forest (#052E2F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, 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
- Dusty Station color palette (#E7F6ED, #B6B788, #717B49, #684B58, #162D23)
- Dusty Market color palette (#E1F8F2, #86B686, #008047, #5A4B04, #052808)
- Muted Fern Station color palette (#F6F6E9, #A6B691, #3F807C, #754D4E, #354B04)
- Ancient Hollow color palette (#E9F5F2, #BCE4F2, #419CAB, #216B66, #073042)
- Softworn Market color palette (#E8F6EC, #BBA250, #18A29A, #796200, #002F2C)
- Worn Ridge color palette (#E9F9F6, #BCE4F8, #72A8B5, #7C708A, #203E3F)
- Aged Fern color palette (#F4F7EC, #BBCBA3, #619D8A, #8C6B3E, #374A01)
- Ancient Boulevard color palette (#D0E3E1, #569F74, #006549, #3D3B00, #001709)
Browse the whole catalog at Explore, or see today's palette.