Lagoon Harbor color palette — #F8F7CE · #91CDA6 · #3D967F · #1D6C67 · #385641

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 (#F8F7CE): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#91CDA6): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#3D967F): A luminous, balanced teal — the color of sea glass.
• Teal (#1D6C67): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#385641): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged 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

• Driftwood Station color palette (#FFF3E2, #C4C086, #7A8E4E, #48704A, #395844)
• Sunlit Coast color palette (#D8FFF7, #A4E6BB, #61D1AC, #4BA19A, #2E5361)
• Weathered Cypress color palette (#F0F8EB, #73C1AD, #C08691, #078570, #65433D)
• Feathered Teal Thicket color palette (#E4F2E7, #00B9A1, #008988, #005867, #263762)
• Antique Cerulean color palette (#E7FDDE, #75BFC6, #4195B0, #306E8E, #61485F)
• Teal Corridor color palette (#EAFBE6, #4DAAA1, #B47486, #9C6045, #394737)
• Soft Onyx Orchard color palette (#CFECEB, #0092A2, #005169, #003050, #220948)
• Moonless Boulevard color palette (#E3F2E3, #00754F, #003D34, #00191D, #01050D)

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