Teal Harbor color palette — #EFF7F7 · #D4DADF · #C4C0CA · #73A991 · #485556

Built around Jade, softened by Charcoal Brown — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D4DADF): bright and airy, almost weightless.
• Stone (#C4C0CA): a calm mid-gray that lets other colors speak.
• Jade (#73A991): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#485556): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, 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

• Bronze Meadow color palette (#F4F6EE, #D2DED9, #A5B6BB, #9A6D31, #51534D)
• Cerulean Loft color palette (#F0F6FA, #D8DAE4, #BFC0D2, #419AC2, #404950)
• Softworn Petrol color palette (#E5ECF0, #BBC6CD, #90A8BD, #006C82, #06232F)
• Wandering Petrol color palette (#E8FAF6, #87CDC3, #47A1AD, #6269A4, #334C53)
• Aqua Bloom color palette (#EAF8FC, #7DF1E6, #B9DDED, #00C6D9, #2C545E)
• Abyss Basin color palette (#E2EEF0, #94A9AE, #658E9A, #005143, #000C0E)
• Patina Teal color palette (#E6F5F8, #4DADA8, #465C64, #283C40, #192425)
• Washed Pewter color palette (#EEF7FD, #7FBBD5, #7C89BD, #835490, #4F3955)

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