Teal Harbor color palette — #C7F3C2 · #2EC3B8 · #5584A6 · #5D435D · #49181C

Turquoise and Mint set the tone — five colors that lean into nature and growth.

The five colors

• Mint (#C7F3C2): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#2EC3B8): A luminous, balanced teal — the color of sea glass.
• Storm Blue (#5584A6): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5D435D): A full-bodied, dusty pink — the color of neon signs at night.
• Espresso (#49181C): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, 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

• Hushed Celadon Lantern color palette (#E1EDA0, #7DC396, #3E8A8D, #764054, #491F30)
• Patina Turquoise Dune color palette (#D7F8E6, #64ABB9, #587297, #5F4554, #3C2232)
• Garnet Boulevard color palette (#B2FBD2, #A3C3A3, #649BB1, #906482, #6F2D31)
• Antique Petrol Basin color palette (#CEFAF3, #549C90, #336C94, #592D1D, #2A1400)
• Turquoise Studio color palette (#A8F1F1, #58B3DC, #7674A2, #634820, #1A381D)
• Hazy Loft color palette (#D1EFE1, #00B2A8, #007B83, #005063, #00223C)
• Ember Summit color palette (#E0F6FF, #00ACBD, #DD4A00, #006772, #3D0E00)
• Patina Lantern color palette (#FFE1B2, #97B993, #608267, #744F20, #494100)

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