Weathered Workshop color palette — #D4F3FF · #A7C0D6 · #7A889F · #71596B · #62423E

Cocoa and Ash set the tone — five colors that lean into sophistication.

The five colors

• Frost (#D4F3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#A7C0D6): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#7A889F): A luminous, dusty violet — the color of twilight just after sunset.
• Graphite (#71596B): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#62423E): A full-bodied, dusty orange — the color of sun-warmed clay.

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

• Washed Ash color palette (#EDF7FF, #C4CEE0, #8B8DA7, #7B676E, #425649)
• Washed Cypress color palette (#CDFBF9, #98BFCC, #7F8DA9, #456A53, #253C2E)
• Softworn Alley color palette (#E5E0FC, #A37BA0, #784356, #3A4016, #083317)
• Muted Cobalt Station color palette (#B2E8FF, #6BB7E1, #3C83C2, #415995, #3D4469)
• Indigo Study color palette (#C1E6F7, #7FA1DD, #755BA5, #744224, #513B00)
• Chestnut Pier color palette (#DEFFE8, #A4DFE4, #CFAFC6, #AD8F83, #744505)
• Petrol Boulevard color palette (#F0F5FF, #9FB4F1, #5F6AA9, #384079, #222855)
• Worn Amber Pier color palette (#EFF6FF, #7CA1D6, #B17E33, #3A66A3, #2E4B2E)

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