Teal Harbor color palette — #FFF1F6 · #32ACA0 · #4A699F · #714015 · #1D4252

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Turquoise (#32ACA0): A luminous, balanced teal — the color of glacier melt.
• Slate (#4A699F): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#714015): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#1D4252): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, 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

• Timeworn Garnet Veranda color palette (#FCF1FF, #78A66F, #237588, #773546, #214446)
• Ancient Turquoise color palette (#E7FBEF, #65B6C4, #74729A, #635A28, #374A5A)
• Dusty Garnet color palette (#FAF0E1, #45ACBD, #3C6EA0, #75292E, #09291C)
• Dusty Terracotta color palette (#E8FBEB, #5CC2D3, #4E8AC6, #9A4447, #254151)
• Dusty Cypress color palette (#EFF8F0, #A9B68A, #4B8160, #395F72, #2C4940)
• Powdered Mulberry Lantern color palette (#E4FAFD, #2D9C8A, #90476B, #604200, #353500)
• Soft Boulevard color palette (#D8FFF5, #009AC2, #7044AA, #324F00, #10365F)
• Washed Cerulean color palette (#F9F3F8, #C4E2EC, #4C94B5, #3A6F4C, #364961)

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