Teal Harbor color palette — #EBF8FB · #56B0A6 · #A16F9A · #935B42 · #243934

Turquoise and Dusty Rose set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EBF8FB): bright and airy, almost weightless.
• Turquoise (#56B0A6): A luminous, balanced teal — the color of shallow lagoons.
• Dusty Rose (#A16F9A): A luminous, balanced pink — the color of a candy shop window.
• Walnut (#935B42): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#243934): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Wandering Coast color palette (#EDF7FF, #63AED4, #B77378, #7B683C, #22393C)
• Dusty Market color palette (#F0F8EE, #60CCC0, #B47BB7, #905436, #272619)
• Hushed Hollow color palette (#EBF8F6, #84B57F, #8486BB, #8F586F, #2E3C30)
• Timeworn Cabin color palette (#EAFAED, #8BCAD4, #7396B9, #816380, #354B58)
• Plum Basin color palette (#E8F8FF, #0097AF, #B44786, #754700, #002C0F)
• Hushed Dune color palette (#F0F7F1, #68D5DC, #A5A0E6, #AD7850, #2E3A2F)
• Patina Cocoa Lantern color palette (#EDF7FD, #4A8AA5, #416995, #7C3A2B, #213A42)
• Softworn Bloom color palette (#E6F4FE, #5BA6C8, #4B596B, #2E3A42, #1B2327)

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