Weathered Teal Harbor color palette — #EDF4EA · #3DB0A1 · #465F4D · #333A31 · #20221E

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

The five colors

• Cream (#EDF4EA): bright and airy, almost weightless.
• Turquoise (#3DB0A1): A luminous, balanced teal — the color of glacier melt.
• Pine (#465F4D): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#333A31): a grounded near-black with real depth.
• Onyx (#20221E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Weathered 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 Turquoise color palette (#E7F6EF, #4DA7D0, #664F66, #2B3C35, #1E231F)
• Washed Alley color palette (#E3F6F9, #71C9BA, #67808C, #49585A, #1C2323)
• Tempered Quarry color palette (#EBF6E7, #00917F, #294337, #242B21, #121612)
• Hushed Blush Hollow color palette (#E8FAF1, #75BCD8, #D489B4, #9B964B, #35473E)
• Timeworn Apricot color palette (#EBF9F0, #87D1E7, #EF9878, #2E9BB5, #534B47)
• Muted Petrol Drift color palette (#DDEEE3, #007F96, #003655, #041B0F, #010601)
• Washed Driftwood Harbor color palette (#F5F6ED, #CBD6B5, #5FAC98, #80823A, #44550C)
• Timeworn Cocoa Orchard color palette (#EEFAE4, #CCE1CD, #95B2A7, #A07D7C, #7A3C24)

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