Weathered Workshop color palette — #ECF5EB · #C19152 · #445F53 · #303C2F · #262023

A conversation between Mustard and Pine, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#ECF5EB): a clean, paper-quiet neutral.
• Mustard (#C19152): A luminous, balanced gold — the color of honey in a jar.
• Pine (#445F53): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#303C2F): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#262023): quiet, heavy and certain.

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

Use it as a design system

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

• Ancient Cabin color palette (#F9EEF7, #C88882, #655259, #423240, #242026)
• Hushed Marigold color palette (#FFF3E5, #DCA151, #665300, #322920, #140E0A)
• Aged Thicket color palette (#EBF5EB, #EAA942, #6E8173, #4D584D, #271F22)
• Timeworn Moss color palette (#D9E9E5, #6F9E60, #2F5458, #103530, #121B17)
• Aged Bronze Dune color palette (#FBF0E3, #A17329, #403C35, #2F271D, #16150F)
• Worn Field color palette (#E7FBF2, #B2B77C, #9F9CDE, #AF78A2, #30483F)
• Weathered Olive color palette (#FFF1F5, #E0C798, #AEA056, #6C7F29, #26534D)
• Hushed Corridor color palette (#F0F7F3, #BDD8CF, #7EA885, #877593, #38544C)

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