Lagoon Harbor color palette — #EFEEDB · #50A073 · #006359 · #562A26 · #0F1500

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

The five colors

• Cream (#EFEEDB): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#50A073): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#006359): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#562A26): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#0F1500): 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 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

• Hushed Pier color palette (#F1E8D2, #739C48, #00663B, #3F3A0F, #141300)
• Hushed Teal color palette (#F2F4E0, #5FB394, #007472, #4C4541, #162007)
• Lagoon Corridor color palette (#D0ECE3, #5A9B7E, #006164, #5B2B41, #003220)
• Muted Pine Villa color palette (#E0FCF7, #7BD190, #008C5C, #585227, #001D1C)
• Ancient Lantern color palette (#FCE9D2, #847B00, #304E00, #3A2500, #0B0700)
• Hazy Mustard color palette (#FFEFDE, #C3A614, #5F7600, #1F5845, #2B1E00)
• Timeworn Workshop color palette (#A4F6CA, #00B664, #006C46, #002E17, #000904)
• Worn Chapel color palette (#FAF1E2, #B0BA7A, #5D8058, #704E00, #2C2713)

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