Lagoon Harbor color palette — #FCF3EF · #C5E6DF · #68B0CD · #358C70 · #1E5247

Fern and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Silver (#C5E6DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#68B0CD): A luminous, balanced blue — the color of deep harbor water.
• Fern (#358C70): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#1E5247): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Dusty Lagoon Market color palette (#FBF3EF, #BFE9E5, #7DABCB, #3D8A7D, #563E55)
• Aqua Canyon color palette (#F5F6EF, #C2E7E0, #71CDE1, #52A9A5, #305040)
• Worn Station color palette (#F5E7DF, #5BAFC3, #006E9D, #004B40, #001134)
• Powdered Teal Balcony color palette (#C8FFE6, #6DD3C8, #00AAAF, #00738E, #24526C)
• Aqua Meadow color palette (#E8FBEC, #4ECBDB, #E18B76, #00919F, #633327)
• Cerulean Balcony color palette (#F7ECE6, #97CFDA, #0092C5, #006E5A, #062E57)
• Nightshade Lantern color palette (#EFE4D8, #7496B6, #384EAA, #003A43, #0C0026)
• Softworn Coral Lagoon color palette (#DEFFE9, #2DB7D2, #D87A6D, #AA7323, #20402D)

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