Teal Harbor color palette — #D8FFF4 · #9FDEBF · #37AEAD · #347D9F · #304273

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

The five colors

• Honeydew (#D8FFF4): A whisper-light, dusty teal — the color of glacier melt.
• Mint (#9FDEBF): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#37AEAD): A luminous, balanced teal — the color of sea glass.
• Slate (#347D9F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#304273): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Linen Navy Quarry color palette (#F5F9D2, #B3F2F4, #76C1C1, #317D9A, #153C70)
• Wandering Jade Workshop color palette (#DFFFE2, #CED19C, #6DB17A, #1D7E70, #005167)
• Weathered Azure color palette (#DCFCFF, #91DBE4, #639FD8, #6D6AAE, #533565)
• Feathered Nightshade color palette (#DCEEE4, #00B7B4, #0083B5, #2439B6, #34005A)
• Azure Dune color palette (#FFF0FD, #93CEA6, #449DC6, #90605E, #334D51)
• Antique Teal color palette (#E7F5F8, #10B1B1, #435B6F, #2C3B3F, #1B2423)
• Muted Aubergine Parlor color palette (#CEEAE3, #009EB6, #0063C3, #490099, #2B0032)
• Ash Meadow color palette (#DFFDF5, #C0DFE7, #96ADCC, #907A83, #5F4F55)

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