Teal Harbor color palette — #D7EEEC · #00A7A9 · #007A85 · #004E59 · #002A34

A conversation between Turquoise and Teal, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D7EEEC): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#00A7A9): A luminous, balanced teal — the color of sea glass.
• Teal (#007A85): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002A34): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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

• Worn Petrol color palette (#D9F5F6, #008090, #004F5F, #002531, #000E17)
• Muted Azure color palette (#D2F1FD, #009DD2, #006B97, #004068, #072544)
• Airy Lantern color palette (#CEECEA, #00C4CB, #008E9B, #006E7D, #004352)
• Frosted Olive Studio color palette (#D4EEF9, #00A4B5, #808200, #00616B, #1D1E00)
• Sky Studio color palette (#E2F5FF, #51BBE7, #007193, #00394D, #000E16)
• Quiet Jade Studio color palette (#D6EFD3, #4FB165, #007844, #005037, #00261B)
• Byzantium Corridor color palette (#D2E9FD, #0085C0, #8848C4, #006B56, #001627)
• Cobalt Meadow color palette (#D5EAFF, #92BFF1, #5282C9, #425382, #2C374E)

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