Teal Harbor color palette — #E8F9FC · #97E7DA · #F8B0BD · #4EBEAE · #5A445E

A conversation between Turquoise and Ballet Pink, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#E8F9FC): bright and airy, almost weightless.
• Sea Foam (#97E7DA): A whisper-light, balanced teal — the color of sea glass.
• Ballet Pink (#F8B0BD): A whisper-light, balanced red — the color of a theater curtain.
• Turquoise (#4EBEAE): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#5A445E): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Teal 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

• Muted Basin color palette (#ECF7FF, #A7DEFA, #F3B893, #6DB2D5, #644052)
• Tempered Taupe Study color palette (#E7FAF6, #C1E0B2, #DFB6E9, #8FB67A, #4D4865)
• Wandering Basin color palette (#E8F9FD, #8FD2D0, #DA9CB7, #479C9A, #564561)
• Tempered Seafoam color palette (#E4FAFF, #7DDAD4, #CCB0E3, #D2A572, #2D474D)
• Driftwood Corridor color palette (#E6F9FE, #D4DCE7, #C2B4CE, #8F7992, #3D545C)
• Hazy Coral color palette (#E8F8FF, #6BEFFE, #E98079, #00ABB9, #681C1B)
• Lagoon Courtyard color palette (#E5F9FF, #A8EFF0, #79C5C5, #429397, #0C414E)
• Blush Cabin color palette (#ECF5E9, #7EC2B7, #D97B96, #1A8376, #452824)

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