Lagoon Harbor color palette — #E6FDE6 · #B1E7E2 · #94C4FA · #2B9878 · #2B4C33

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

The five colors

• Honeydew (#E6FDE6): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#B1E7E2): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#94C4FA): A luminous, balanced blue — the color of deep harbor water.
• Fern (#2B9878): A luminous, balanced teal — the color of sea glass.
• Deep Olive (#2B4C33): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged pastel, light, muted, cool.

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 Lagoon color palette (#E5FBF0, #F2DAF4, #C0BDF5, #00999F, #20483C)
• Muted Coast color palette (#F4F8E0, #BEE6D0, #75CFD8, #7D924C, #41443D)
• Wandering Olive color palette (#ECFAEA, #B1E9EB, #ADADEC, #597835, #2A4231)
• Wandering Basin color palette (#E4FAFF, #CFDBE8, #B7A7A8, #629C86, #133441)
• Hushed Lagoon color palette (#D1E9D7, #8FCAE4, #76A8F3, #007B6C, #002730)
• Weathered Ash Grove color palette (#FEF0FF, #E9D6D8, #B2ADA0, #6FA8C1, #564855)
• Feathered Hollow color palette (#F1E8D2, #FF8AE5, #00C0EE, #003E4F, #0A2016)
• Antique Rust color palette (#DAF6EB, #3199D1, #C0604C, #795C00, #002F22)

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