Teal Harbor color palette — #ECF5E7 · #4DAF99 · #4B5D51 · #333B2E · #21221C

Turquoise and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Cream (#ECF5E7): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#4DAF99): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#4B5D51): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#333B2E): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#21221C): 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 Teal Veranda color palette (#E7F9FB, #4BC6AA, #385A68, #1E2E30, #0B1110)
• Mint Station color palette (#EDF4EA, #4FCFB8, #6B836A, #4F574B, #20231D)
• Tempered Lagoon color palette (#D8EAD8, #00999D, #194B63, #142D17, #0E1409)
• Azure Delta color palette (#D6EAE3, #2D97DB, #5C4554, #1E332C, #121B15)
• Coral Chapel color palette (#E4FCED, #6EBFD4, #D88F82, #AA844F, #34483C)
• Patina Basin color palette (#EDF9F1, #82D2E8, #E09D9B, #4999AD, #534B48)
• Bronze Quarry color palette (#F7F6ED, #CDD6B4, #8FA284, #897F36, #485406)
• Hushed Study color palette (#F7F8DA, #C7D4C0, #99B8AC, #9C8375, #794116)

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