Lagoon Harbor color palette — #FFF1F5 · #93C0AB · #608E5A · #815A2B · #1E3D2F
A conversation between Fern and Coffee, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Mint Leaf (#93C0AB): A luminous, dusty teal — the color of sea glass.
- Fern (#608E5A): A full-bodied, balanced green — the color of new leaves after rain.
- Coffee (#815A2B): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#1E3D2F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Lagoon Coast color palette (#ECF8F4, #8CC0BD, #1F938C, #60692E, #083E3D)
- Dusty Lagoon color palette (#E8FAF4, #8AC0BF, #3A908D, #85506B, #003E3E)
- Hushed Emerald Boulevard color palette (#FEF3E8, #D8D395, #689958, #68625C, #30270D)
- Fern Villa color palette (#FCF4E7, #A09E6F, #566C1D, #5C4815, #38352F)
- Faded Veranda color palette (#FFF1F6, #C9BB7B, #679734, #007976, #443A07)
- Worn Lagoon Meadow color palette (#ECF9F4, #B8D8D9, #75A4B2, #58897B, #3B5253)
- Misty Pier color palette (#C9EDEE, #3EAC83, #D35A7D, #B44B30, #003334)
- Worn Emerald Atelier color palette (#E6E9C5, #8AB66E, #009751, #006D62, #004650)
Browse the whole catalog at Explore, or see today's palette.