Lagoon Harbor color palette — #F6F6EE · #BFDFE3 · #96C8E2 · #62A092 · #3A5541

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

The five colors

• Ivory (#F6F6EE): a clean, paper-quiet neutral.
• Silver (#BFDFE3): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#96C8E2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Eucalyptus (#62A092): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#3A5541): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Cerulean Harbor color palette (#F4F6EE, #C9DBE6, #B9BFF0, #5D9BB5, #594659)
• Wandering Teal color palette (#EFF7F5, #CEDFEF, #50A9AE, #367D6F, #3C5762)
• Glacier Atelier color palette (#E9FBEC, #78DEE8, #A3B8F7, #87AF79, #2B3E2E)
• Muted Meadow color palette (#F0F8EE, #A5F7F1, #DCCB93, #4FABA5, #49463F)
• Denim Dune color palette (#EAEBE0, #72AEB4, #005F6E, #002B29, #000102)
• Sky Delta color palette (#F5F6EB, #D4D8E9, #00C0EE, #00878D, #003A51)
• Softworn Balcony color palette (#F2F8E6, #AAD0F6, #3F7AC8, #004D6C, #000335)
• Bronze Balcony color palette (#FFF3E8, #E1DCC1, #C5A890, #A56A40, #593700)

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