Teal Harbor color palette — #D5FFFA · #A7D8B6 · #5BB58F · #28856F · #00514A

Jade takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D5FFFA): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#A7D8B6): A whisper-light, dusty teal — the color of sea glass.
• Jade (#5BB58F): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#28856F): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#00514A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Weathered Teal Canyon color palette (#E6FBF4, #94CEA2, #36A88D, #4A7396, #324D4D)
• Teal Basin color palette (#D8F5ED, #00BBB0, #008387, #00515B, #002B35)
• Wandering Moss color palette (#DCFFE9, #D7D59D, #9AA953, #5E7B38, #2D501D)
• Pale Mint Loft color palette (#B6FFE1, #00DABC, #009A91, #006D70, #004149)
• Ancient Ash color palette (#EFF7F5, #D2DCDF, #ABB3C0, #74A79E, #4A5553)
• Tempered Cerulean Terrace color palette (#C4ECEF, #009DB4, #006B85, #00445E, #001B2D)
• Washed Cerulean Bloom color palette (#EDF7F9, #75C1B8, #4C96BB, #606496, #453C5C)
• Worn Pine color palette (#D7FAE2, #00815E, #00584A, #002926, #000505)

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