Teal Harbor color palette — #ABFFF8 · #00B1AB · #006768 · #003734 · #001D1E

Built around Turquoise, softened by Sea Foam — the whole palette hums with calm and balance.

The five colors

• Sea Foam (#ABFFF8): A whisper-light, balanced teal — the color of shallow lagoons.
• Turquoise (#00B1AB): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006768): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#003734): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001D1E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Calm, Balance. Tagged monochrome, 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

• Hazy Aqua color palette (#A0FFFB, #00CAC7, #008A89, #005452, #002221)
• Tempered Jade color palette (#BFFFD8, #00B377, #006739, #00391F, #002417)
• Weathered Azure color palette (#C6EAFF, #379BD4, #005978, #002F45, #001525)
• Turquoise Loft color palette (#E8F8FF, #35BEE3, #00769D, #004455, #002A37)
• Aged Pier color palette (#E6F9FF, #A1D5E8, #308E99, #005A63, #004246)
• Wandering Aubergine color palette (#E4F5FF, #009EC2, #890090, #004F62, #220124)
• Moss Pier color palette (#BDEAD3, #7C994E, #645D00, #513700, #003310)
• Blush Station color palette (#F2DFD5, #FF73B0, #00ACBC, #122B39, #001820)

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