Worn Workshop color palette — #ECF8F9 · #F5C7A3 · #468D78 · #24565A · #222E2F

Fern and Wheat set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#ECF8F9): bright and airy, almost weightless.
• Wheat (#F5C7A3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Fern (#468D78): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#24565A): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#222E2F): quiet, heavy and certain.

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

Use it as a design system

One click turns Worn 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

• Worn Petrol color palette (#EDF7FF, #F7B0A3, #3079A5, #27465D, #17232D)
• Timeworn Fern color palette (#F2F7EB, #CDDBCA, #5F937A, #3A4F08, #191D15)
• Shell Summit color palette (#F0F8EE, #FFD2C7, #8FA688, #60735A, #272E24)
• Dusty Periwinkle color palette (#EEF7F8, #ABDFC8, #5AA1E2, #3BA17D, #262F37)
• Apricot Cabin color palette (#CDE2EB, #EB8650, #00616C, #002F35, #000D14)
• Weathered Fern color palette (#F4F6ED, #C6C484, #5A651E, #353D00, #1E271F)
• Mint Delta color palette (#E7FAF5, #92B973, #C782AD, #947447, #30413D)
• Hushed Iris color palette (#EBF8FB, #4BAEAB, #9675BC, #8E5638, #20373A)

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