Teal Harbor color palette — #E6F5F7 · #61AC99 · #435D63 · #253D3F · #1B2324

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

The five colors

• Ivory (#E6F5F7): bright and airy, almost weightless.
• Turquoise (#61AC99): A luminous, balanced teal — the color of glacier melt.
• Peacock (#435D63): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#253D3F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#1B2324): a grounded near-black with real depth.

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 (#EFF9E8, #21CAAA, #4B5948, #272E22, #0E100C)
• Tempered Lagoon Drift color palette (#DFEFF5, #00999C, #004E5A, #002D2E, #021519)
• Worn Mint color palette (#ECF5E6, #41D2AE, #6E8173, #51574D, #21221D)
• Hushed Moss color palette (#E7F9FF, #70C1C5, #8EA4D6, #74A258, #2B4750)
• Timeworn Taupe color palette (#EEF7F5, #B5DAD6, #7BA88D, #5D877F, #355451)
• Patina Petrol color palette (#D9EAF6, #006A8D, #3B3134, #002641, #000B12)
• Sapphire Balcony color palette (#D6E7FF, #2868FC, #2D3265, #06173F, #000716)
• Aged Teal Alley color palette (#E8F4F8, #52ACAA, #475C64, #273C41, #192426)

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