Teal Harbor color palette — #CBE9EE · #00BAA6 · #0F7676 · #1E494F · #021517
A conversation between Turquoise and Teal, giving this palette its sense of calm and sophistication.
The five colors
- Frost (#CBE9EE): A whisper-light, dusty blue — the color of deep harbor water.
- Turquoise (#00BAA6): A luminous, balanced teal — the color of glacier melt.
- Teal (#0F7676): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#1E494F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#021517): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Calm, Sophistication. Tagged noir, dark, luxury, muted.
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 Balcony color palette (#CFE8E5, #00C157, #33765A, #104B48, #021613)
- Softworn Azure Workshop color palette (#E2EFF8, #00B0E6, #3C6C91, #2C4556, #05141B)
- Worn Lagoon color palette (#C7E8F1, #00A09E, #005F69, #0E353E, #000607)
- Ancient Teal Corridor color palette (#EAFBE2, #00A992, #004450, #0E1908, #010200)
- Ancient Powder color palette (#ECF2FC, #92B8F2, #707C92, #4B5563, #1D2228)
- Aqua Studio color palette (#DDEFED, #00DAE1, #00B7CB, #008AA1, #004B5F)
- Chalky Jade color palette (#E7FAF7, #99E2B2, #00C28D, #669765, #1C442C)
- Wisteria Veranda color palette (#DAEEFF, #51C0FF, #C08EFF, #00B690, #00354E)
Browse the whole catalog at Explore, or see today's palette.