Teal Harbor color palette — #EEF9ED · #31B3AE · #324E39 · #112310 · #030702

Built around Turquoise, softened by Deep Olive — the whole palette hums with sophistication.

The five colors

• Ivory (#EEF9ED): a clean, paper-quiet neutral.
• Turquoise (#31B3AE): A luminous, balanced teal — the color of sea glass.
• Deep Olive (#324E39): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#112310): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#030702): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Aged Garden color palette (#DBEAD8, #00C3BA, #587868, #404E3E, #171A11)
• Dusty Azure color palette (#E8FAF3, #57A7DA, #513F52, #06241C, #010704)
• Tempered Cerulean Loft color palette (#D9F7E3, #008DA3, #4C434A, #003040, #00090D)
• Patina Loft color palette (#E4FCEE, #6ACAE7, #A49EF2, #2DAB66, #0A3321)
• Abyss Corridor color palette (#E6F2E7, #6F6265, #00585E, #181B20, #00070A)
• Dusty Cornflower Workshop color palette (#FEF0FB, #6383E6, #49283E, #1A0817, #030003)
• Weathered Olive color palette (#F4F6ED, #C6E5D1, #72AC9A, #707E3A, #2D4000)
• Lime Pier color palette (#EBF9F1, #98E0FB, #A9C86E, #0098BE, #2F3F04)

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