Lagoon Harbor color palette — #E1F7F6 · #449A6D · #846798 · #614376 · #001F1F

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

The five colors

• Ivory (#E1F7F6): A whisper-light, dusty teal — the color of sea glass.
• Fern (#449A6D): A luminous, balanced teal — the color of glacier melt.
• Slate (#846798): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#614376): A full-bodied, balanced violet — the color of wild irises.
• Ink (#001F1F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. 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

• Muted Teal color palette (#E2F6FA, #43A79E, #A07389, #7F4B66, #0C272C)
• Mulberry Coast color palette (#E5FBF8, #569258, #78649E, #862F51, #183936)
• Bronze Studio color palette (#E7F7E9, #A77F29, #776BA3, #54487D, #08200E)
• Garnet Lantern color palette (#E0F7FA, #40A18A, #8A4F68, #6E2428, #380E0C)
• Tempered Denim color palette (#E3F5FF, #008699, #495391, #4A2D67, #031B11)
• Aged Chapel color palette (#FFEAFE, #5BB08B, #387197, #693437, #002830)
• Washed Plum color palette (#EFF9E6, #54B396, #6692C6, #A24D78, #2C3722)
• Cobalt Studio color palette (#EBF4F1, #A7BD82, #4D74B7, #576F21, #040E1E)

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