Lagoon Lagoon color palette — #E7E6CF · #5A9C76 · #006359 · #5E2D29 · #242D0A

Built around Fern, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Parchment (#E7E6CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#5A9C76): A luminous, balanced teal — the color of sea glass.
• Pine (#006359): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#5E2D29): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Deep Forest (#242D0A): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Lagoon Lagoon 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

• Worn Coast color palette (#EDE4CF, #7C9564, #00663A, #463E00, #1E2F07)
• Wandering Meadow color palette (#F5F7E7, #6DA993, #007171, #6A3E30, #273D00)
• Worn Fern color palette (#F2E2CC, #8E905A, #386122, #592A4B, #322804)
• Misty Olive Villa color palette (#FFF3E7, #B7A25A, #617300, #006045, #473900)
• Washed Garden color palette (#E5E6D5, #8CB08D, #0A874E, #655400, #0F3112)
• Antique Market color palette (#EDF4CB, #84DDC3, #60ADCB, #636722, #30332C)
• Sunlit Garnet Pier color palette (#DEE6C9, #279455, #71277B, #800030, #002710)
• Airy Grape color palette (#DCE2C2, #4AA45A, #7E31A1, #00591D, #391749)

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