Teal Harbor color palette — #E8F9FC · #55C7BB · #7E8AB8 · #885967 · #2C4A35

A conversation between Aqua and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E8F9FC): bright and airy, almost weightless.
• Aqua (#55C7BB): A luminous, balanced teal — the color of shallow lagoons.
• Slate Blue (#7E8AB8): A luminous, dusty violet — the color of twilight just after sunset.
• Pewter (#885967): A full-bodied, dusty red — the color of embers at dusk.
• Forest (#2C4A35): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Sky Terrace color palette (#ECF7FF, #6CBCE7, #A07DAC, #8E5A48, #214B40)
• Wandering Pewter Thicket color palette (#EEF8F1, #8BDAED, #8399CD, #81588E, #2E3E1D)
• Dusty Lagoon color palette (#E7FAF6, #90C180, #4B97B4, #676489, #54384B)
• Ancient Veil color palette (#E3FAFF, #B5DEF1, #A0B0C1, #877989, #5D4855)
• Dusty Courtyard color palette (#F5F6EC, #AAD5A3, #90A9DC, #BA6F67, #45423B)
• Muted Chapel color palette (#E8F9F9, #60AA86, #6E6999, #774522, #593645)
• Muted Quarry color palette (#E6F9FF, #6AD4E9, #4BACD0, #487999, #41556D)
• Tempered Teal color palette (#E3F6FC, #00B1B8, #435C6A, #2D3B3F, #1B2325)

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