Teal Harbor color palette — #CCEBE7 · #00ACAD · #008A92 · #006572 · #00232C

Turquoise and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CCEBE7): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#00ACAD): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#008A92): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006572): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#00232C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Pale Jade color palette (#D7F3DF, #00B67E, #009171, #006D5E, #002924)
• Softworn Cerulean Veranda color palette (#CCE4E9, #0095AE, #007391, #004E6C, #001321)
• Softworn Cabin color palette (#D0EDF7, #00A6D9, #0080B4, #006096, #002445)
• Sky Station color palette (#D7F3FD, #00BEEB, #008FB0, #006079, #000C12)
• Dusty Orchid color palette (#D7F0DF, #00AFC9, #B85AF0, #007E92, #2A003F)
• Violet Archive color palette (#D3E8DD, #009AC6, #8E58FF, #008B5C, #00141D)
• Powder Pier color palette (#C2E9D4, #85D3FF, #80B7FF, #009EAF, #002432)
• Turquoise Boulevard color palette (#D3F6D6, #5FE2EF, #00BED8, #009ABB, #294F3F)

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