Teal Harbor color palette — #CCEDDD · #00AF95 · #008D92 · #005E72 · #002336
A conversation between Turquoise and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#CCEDDD): A whisper-light, dusty teal — the color of shallow lagoons.
- Turquoise (#00AF95): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#008D92): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005E72): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002336): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Washed Lagoon color palette (#E6EEDF, #00B25A, #008F6C, #005F55, #00292E)
- Worn Drift color palette (#DAEDE9, #0098A5, #007A93, #005175, #000C45)
- Worn Teal color palette (#DEE8DE, #00A88B, #006F72, #003C4D, #000F1F)
- Misty Sky Quarry color palette (#CBE9F2, #00BEE7, #0094AD, #005B6F, #00090D)
- Hushed Rose Hollow color palette (#CBECF9, #00B0C0, #F93C4A, #007F8B, #3A0006)
- Seafoam Corridor color palette (#ACF3DF, #3DE5E0, #00BDD2, #4493B5, #2E465F)
- Gentle Orchard color palette (#CDEDF9, #8CD4FF, #A6ABFE, #429F87, #002B36)
- Ancient Boulevard color palette (#D4E9EC, #00A9D7, #0083D0, #334DAE, #1E1A4D)
Browse the whole catalog at Explore, or see today's palette.