Weathered Teal Harbor color palette — #ECF0E8 · #C7D8D1 · #A1C2BB · #5CA384 · #2B3026

Built around Jade, softened by Ash — the whole palette hums with sophistication.

The five colors

• Cream (#ECF0E8): bright and airy, almost weightless.
• Silver (#C7D8D1): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#A1C2BB): A luminous, dusty teal — the color of shallow lagoons.
• Jade (#5CA384): A luminous, balanced teal — the color of sea glass.
• Deep Forest (#2B3026): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Weathered Pine Summit color palette (#EDF0E7, #CCDDCB, #A2BFB2, #308455, #2C3022)
• Softworn Orchard color palette (#E3E7D1, #4FD5A6, #00A799, #59805C, #212E0D)
• Ancient Coast color palette (#D5E3D8, #9BB6B6, #7A9EA4, #00808E, #04190B)
• Timeworn Turquoise Chapel color palette (#EAFAF0, #BCE3E6, #C7C2EF, #00A9CB, #23382D)
• Forest Bloom color palette (#E3EBEB, #C2CED0, #87ABB3, #00654A, #031A1B)
• Misty Workshop color palette (#D8E7D1, #00BCA2, #6B79DF, #A1374C, #212100)
• Hushed Garden color palette (#DDF1D2, #5DC8DB, #72A1C2, #986878, #5A2300)
• Mint Balcony color palette (#F4DAB2, #00C79E, #0099AD, #8E4C78, #162A10)

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