Lagoon Harbor color palette — #F7F6E5 · #8FCC97 · #2B9C76 · #8D5C36 · #1B4523

Fern takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F6E5): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#8FCC97): A luminous, balanced green — the color of new leaves after rain.
• Fern (#2B9C76): A luminous, balanced teal — the color of sea glass.
• Walnut (#8D5C36): A full-bodied, balanced gold — the color of old brass.
• Forest (#1B4523): 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

• Muted Moss Harbor color palette (#FFF4DD, #B7C186, #669644, #96534D, #3C3B34)
• Soft Jade color palette (#E4FBF5, #A2EEAD, #00AB7E, #925C31, #003734)
• Bronze Atelier color palette (#FBF5E6, #CCC69A, #7A9973, #886E26, #4C4300)
• Feathered Pine color palette (#EFECD5, #77BF77, #008D60, #4F6418, #103712)
• Tempered Terrace color palette (#F8F6E1, #79B196, #00787B, #812D57, #154431)
• Chalky Teal Coast color palette (#E2FCF2, #97E3AE, #00BDB2, #A87795, #104341)
• Misty Moss Loft color palette (#E0FFDE, #A6ECF3, #79D9DD, #889B4B, #1B4B34)
• Forest Summit color palette (#E5E0CC, #6C9053, #00642E, #383C00, #071300)

Browse the whole catalog at Explore, or see today's palette.