Weathered Teal color palette — #EDF4EA · #58AE9D · #656F99 · #6E3A45 · #2D2800

Turquoise and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EDF4EA): bright and airy, almost weightless.
• Turquoise (#58AE9D): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#656F99): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#6E3A45): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#2D2800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

One click turns Weathered Teal 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

• Muted Taupe Workshop color palette (#F3F3E6, #89A86D, #337B95, #5F3D68, #3C1F04)
• Muted Boulevard color palette (#EAF9F4, #8DA06D, #36789C, #853B0D, #1A4C41)
• Cocoa Lagoon color palette (#E9F7E4, #C0D1C4, #7FA39A, #7E5F5A, #632C00)
• Timeworn Azure color palette (#E3F7F1, #4C94CD, #83507B, #613300, #002609)
• Grape Canyon color palette (#E5F8E7, #00959C, #6241AC, #70000C, #161A00)
• Aged Lantern color palette (#ECF8F9, #7BC1B2, #7B89BE, #965061, #254C38)
• Patina Balcony color palette (#E5F2E4, #009694, #2D4135, #182118, #0B0D09)
• Weathered Summit color palette (#D8F4D8, #71C4CE, #3293AB, #256483, #184239)

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