Lagoon Harbor color palette — #FCF3EF · #C2E8E3 · #66AED6 · #008F78 · #2F496B

Fern takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Silver (#C2E8E3): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#66AED6): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008F78): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2F496B): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Quarry color palette (#FCF3ED, #B4E0CC, #5899DD, #007C7A, #2F385D)
• Worn Cerulean color palette (#F9F4EF, #CEE4E7, #9DB1DE, #44939F, #654958)
• Faded Loft color palette (#E0F4CE, #6DD2CC, #00A5B3, #00799A, #274F71)
• Tempered Studio color palette (#E8FBF0, #BAEAF1, #D2C7FF, #4CA597, #3D5850)
• Softworn Blush Loft color palette (#EAFAF2, #83C1DE, #E68294, #008DB7, #672D39)
• Petrol Ridge color palette (#EEE0D8, #6AACC5, #006BAC, #004A46, #040941)
• Weathered Denim Hollow color palette (#F6ECE7, #7D9C7E, #006377, #003E26, #000A15)
• Washed Balcony color palette (#E1FDEF, #5EB0D3, #D97A67, #C26D2E, #203F32)

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