Weathered Workshop color palette — #FCF1FA · #798FC0 · #A26C85 · #7F5052 · #473844

Mocha takes the lead with Slate Blue close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Slate Blue (#798FC0): A luminous, dusty violet — the color of wild irises.
• Mocha (#A26C85): A full-bodied, dusty rose — the color of strawberry cream.
• Coffee (#7F5052): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal (#473844): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Softworn Iris color palette (#FFF0FD, #748FC9, #9E6F85, #2E6B62, #473745)
• Pewter Thicket color palette (#FFF1F9, #9191C9, #8E5D85, #79413F, #214C3D)
• Hushed Lagoon Veranda color palette (#F0F8EE, #49A19B, #707DA7, #65622D, #344132)
• Wandering Atelier color palette (#E9F5EF, #58A0BA, #A67088, #815307, #11281D)
• Weathered Pier color palette (#F8F3F9, #E1D7D9, #B4ABA2, #6485A8, #565057)
• Muted Navy Pier color palette (#FFF0FE, #AEC2F3, #7679AB, #5A528A, #4D3771)
• Washed Bronze color palette (#ECF7FF, #79B4D1, #C4869E, #9E7032, #2C404D)
• Feathered Balcony color palette (#FEE6F7, #5868BF, #934064, #00504D, #331E2E)

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