Lagoon Harbor color palette — #DEFDF5 · #87CDA5 · #009B8E · #587338 · #19442E

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

The five colors

• Ivory (#DEFDF5): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#87CDA5): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#009B8E): A luminous, balanced teal — the color of shallow lagoons.
• Olive (#587338): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#19442E): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Faded Emerald color palette (#E6FBEF, #A6C783, #3F9B67, #1C767D, #0D443A)
• Teal Lantern color palette (#F8F7E1, #9EEDBD, #00A999, #5B7538, #2D2F29)
• Jade Courtyard color palette (#DDFDF9, #96E2B7, #00C194, #69966E, #14452D)
• Tempered Forest Alley color palette (#F4F8E3, #77B28F, #007C5D, #1C6028, #014729)
• Dusty Emerald Archive color palette (#EAFAEC, #BEC07D, #5F9840, #846322, #3D3D08)
• Emerald Atelier color palette (#C7E9D9, #669154, #006243, #004048, #041400)
• Tempered Parlor color palette (#EEF8F5, #B6D9D8, #71A5AF, #6C808F, #3D5251)
• Pale Azure Field color palette (#FBF2F8, #9DE9FB, #3EA6DF, #008472, #1F3F6F)

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