Lagoon Harbor color palette — #F7F7DC · #98CA96 · #4E9869 · #8D5C37 · #204420
Fern takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F7F7DC): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#98CA96): A luminous, balanced green — the color of fresh herbs.
- Fern (#4E9869): A luminous, balanced teal — the color of glacier melt.
- Walnut (#8D5C37): A full-bodied, balanced gold — the color of honey in a jar.
- Forest (#204420): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, 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
- Washed Courtyard color palette (#FFF4DF, #C5BD81, #888C3D, #8D5B3C, #423B07)
- Airy Jade color palette (#E6FAF6, #B0EAB2, #3AAA6D, #905D36, #003733)
- Feathered Pine Lagoon color palette (#EFEDD1, #8ABB77, #158F37, #715704, #19360B)
- Marigold Drift color palette (#FFF3E6, #F29600, #00B786, #A86600, #004631)
- Hushed Bronze color palette (#F5F6EC, #CFD4BA, #96A07F, #967933, #4B5302)
- Aubergine Boulevard color palette (#FAF6DF, #84B087, #007C63, #6C3A73, #224425)
- Washed Jade color palette (#E4FCF2, #9DE39C, #00C197, #A972A8, #14433F)
- Hushed Courtyard color palette (#E5E0CB, #768D4D, #306100, #4D3200, #0B1200)
Browse the whole catalog at Explore, or see today's palette.