Lagoon Harbor color palette — #FBF3F0 · #CCE9E6 · #86B8DA · #3B9888 · #604A5F

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Honeydew (#CCE9E6): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#86B8DA): A luminous, dusty blue — the color of deep harbor water.
• Fern (#3B9888): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#604A5F): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Antique Balcony color palette (#FAF2F8, #D6D4E1, #B6C0E7, #679E93, #404E62)
• Lagoon Canyon color palette (#F2F8EB, #9ED2BB, #CD9FCF, #2BA37C, #5F4061)
• Turquoise Studio color palette (#EFF7F6, #D3DDEF, #5DA4BE, #2E7B81, #425563)
• Aged Periwinkle Hollow color palette (#FFF3E8, #B6E1FF, #679AF2, #008189, #393575)
• Tempered Workshop color palette (#F0E1DB, #83BCC8, #007EAE, #005B4B, #001E45)
• Wandering Lagoon Delta color palette (#FDF6D6, #B5D0A4, #73B588, #1D8B70, #41583B)
• Pine Courtyard color palette (#FBF3F0, #C4DCC6, #2CA4C6, #00805A, #0E3E5F)
• Hushed Denim Study color palette (#FBEBE1, #679AB1, #005A9B, #003C3A, #03002E)

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