Tempered Workshop color palette — #FEF2EE · #E5DFB9 · #BD9386 · #80665E · #342825

Built around Taupe, softened by Celadon Mist — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Celadon Mist (#E5DFB9): A whisper-light, dusty green — the color of a quiet forest floor.
• Taupe (#BD9386): A luminous, dusty orange — the color of sun-warmed clay.
• Pewter (#80665E): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#342825): a grounded near-black with real depth.

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

Use it as a design system

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

• Weathered Chestnut color palette (#FBF5E6, #F0D0A0, #9E9667, #795F12, #272111)
• Driftwood Courtyard color palette (#FCF2F9, #B7DCBE, #A06F66, #5C4556, #322730)
• Sunflower Canyon color palette (#FFF2EA, #DBD366, #CC724A, #85492E, #291506)
• Tempered Marigold color palette (#EFE3CF, #D09C08, #826200, #493500, #040200)
• Washed Terracotta Boulevard color palette (#F5F0F5, #BDCA98, #8E4A4E, #3E283E, #191019)
• Patina Mustard color palette (#FBF4E8, #D6BD73, #60B6B6, #4F9291, #422C30)
• Wandering Lantern color palette (#E8DBD0, #CAB963, #AA662B, #683C15, #150800)
• Worn Cocoa color palette (#FFF3E6, #F8C2AB, #A7B67D, #8787B3, #643F00)

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