Teal Harbor color palette — #BAF1DA · #00C1A7 · #008F8B · #006470 · #23485B
A conversation between Turquoise and Fern, giving this palette its sense of trust and stability.
The five colors
- Mint (#BAF1DA): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#00C1A7): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#008F8B): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#006470): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#23485B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Hazy Thicket color palette (#D2F4C6, #60B66B, #269262, #006552, #284962)
- Lagoon Balcony color palette (#C4F6D5, #6DD6BF, #00A2A6, #007487, #1B4E64)
- Turquoise Atelier color palette (#ACF6F9, #00C0E0, #008AB3, #1B5C82, #2E465F)
- Worn Aqua Field color palette (#EAF8FF, #3BC5E6, #007D8E, #004A56, #00333E)
- Powdered Turquoise Garden color palette (#E7F9FF, #00B5BE, #C26F66, #00747A, #61342F)
- Driftwood Hollow color palette (#E8F8FF, #009AAA, #A0609E, #7F651F, #1C3D49)
- Softworn Coast color palette (#E8F8FF, #D5DAE6, #ABCAFF, #4A827D, #354E5C)
- Muted Workshop color palette (#D2EDE6, #007A75, #004F55, #002731, #060E1F)
Browse the whole catalog at Explore, or see today's palette.