Lagoon Harbor color palette — #E6F6F2 · #8CBEC1 · #00858E · #604C69 · #152C2D

Built around Teal, softened by Charcoal Brown — the whole palette hums with trust and stability.

The five colors

• Ivory (#E6F6F2): bright and airy, almost weightless.
• Ash (#8CBEC1): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00858E): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#604C69): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#152C2D): A deep, shadowed, dusty teal — the color of sea glass.

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

• Antique Atelier color palette (#ECF5ED, #ACBA8A, #478460, #525072, #162C26)
• Muted Veranda color palette (#E6FAF7, #84BFA0, #468074, #4F5F4D, #294949)
• Cypress Villa color palette (#E5F6F1, #6EB095, #007378, #3B4E22, #032123)
• Pine Cabin color palette (#CEFCFF, #81C9A7, #008D63, #004E3B, #001D0F)
• Fern Ridge color palette (#F7F6E6, #8ED6B9, #519DA3, #896864, #334B07)
• Hushed Cerulean Thicket color palette (#F6F0F4, #C4E2EE, #4197C6, #2A6D4D, #1F2C40)
• Pine Meadow color palette (#EBE4C1, #ABB664, #1C8E40, #006452, #00333D)
• Tempered Harbor color palette (#E3F7F4, #B3DEFF, #92C7FF, #888144, #15363A)

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