Teal Harbor color palette — #DAE9DE · #00BB9C · #007B77 · #004D5A · #002330
A conversation between Turquoise and Teal, giving this palette its sense of trust and stability.
The five colors
- Parchment (#DAE9DE): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#00BB9C): A luminous, balanced teal — the color of glacier melt.
- Teal (#007B77): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#004D5A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#002330): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Gentle Workshop color palette (#BEFAAC, #44B879, #007C65, #004E4F, #001E23)
- Faded Turquoise Canyon color palette (#D3EAE6, #00BACA, #007C99, #004673, #001547)
- Tempered Mulberry color palette (#D7FDDF, #16AA82, #006E7A, #6D005A, #00221E)
- Weathered Mint Garden color palette (#A3FDC6, #00D7B3, #009D9C, #006A79, #003C52)
- Soft Clover Orchard color palette (#EAF4A0, #31C468, #00827E, #005064, #003571)
- Tempered Seafoam color palette (#FAFCA2, #90E79D, #00A69C, #006479, #002864)
- Weathered Pine Terrace color palette (#EEEA8D, #8AAE56, #0B831D, #004D34, #00231E)
- Tempered Pine color palette (#E9F4F4, #CBD8E2, #A8C5CE, #007F54, #0E2A2A)
Browse the whole catalog at Explore, or see today's palette.