Teal Harbor color palette — #ECF5E7 · #57AD9C · #495E53 · #323B2D · #22221B
A conversation between Turquoise and Charcoal Brown, giving this palette its sense of sophistication.
The five colors
- Cream (#ECF5E7): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#57AD9C): A luminous, balanced teal — the color of sea glass.
- Charcoal Brown (#495E53): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#323B2D): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Onyx (#22221B): quiet, heavy and certain.
Feels like: 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
- Tempered Mint color palette (#E3FAFE, #00CAB0, #455763, #212E30, #0A1110)
- Patina Mint Ridge color palette (#ECF5E9, #33D1BB, #6C8271, #50574E, #20231D)
- Ancient Lagoon Lagoon color palette (#E6F4E7, #00999F, #1E486C, #002D2F, #0E1406)
- Hushed Azure color palette (#D5EAE3, #3D96D9, #5D4551, #16342D, #131A15)
- Washed Courtyard color palette (#FEF0FF, #91B4DD, #D58E98, #CF756E, #4D3B4F)
- Dusty Lagoon Bloom color palette (#EFF8EF, #94D1D2, #DCA379, #00A0A3, #674429)
- Aged Field color palette (#F7F5EC, #CDD5BB, #6EA8A4, #8B7E35, #45550C)
- Faded Cerulean Delta color palette (#EFFADE, #93D6CD, #43B6C4, #1781A9, #5D435E)
Browse the whole catalog at Explore, or see today's palette.