Teal Harbor color palette — #EEF8F3 · #C3DCF5 · #80BCAE · #888296 · #384A48

Built around Mint Leaf, softened by Powder Blue — the whole palette hums with sophistication and grounding.

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Powder Blue (#C3DCF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mint Leaf (#80BCAE): A luminous, dusty teal — the color of sea glass.
• Slate Blue (#888296): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#384A48): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Worn Mallow Grove color palette (#FCF2F5, #D9D4DE, #D0BBEE, #629E9E, #494B62)
• Antique Celadon color palette (#EDF8F1, #CEF3B9, #69AE95, #607F6C, #203F39)
• Hushed Cypress color palette (#E9F5F1, #A9CCC3, #5F8D86, #4B6A50, #1F3631)
• Timeworn Coast color palette (#F7F6EC, #E0E0BF, #B5B996, #A8977E, #525000)
• Celadon Field color palette (#E7FAF6, #C1F7B4, #D3C0F9, #7EA775, #414360)
• Washed Fern color palette (#F7F5EC, #BFC4AB, #758866, #825B4F, #4B5302)
• Chartreuse Atelier color palette (#E2FCF4, #BADA7C, #E1A3D9, #BE91B8, #273E37)
• Teal Parlor color palette (#E3FCF5, #90EFC9, #00A6AD, #895B6C, #013827)

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