Tempered Workshop color palette — #FFE7F7 · #D1A0A9 · #A3636E · #475F3F · #35462F

Mocha takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFE7F7): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#D1A0A9): A luminous, dusty red — the color of embers at dusk.
• Mocha (#A3636E): A full-bodied, balanced red — the color of late-summer berries.
• Pine (#475F3F): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#35462F): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Wandering Pewter Courtyard color palette (#C1EADB, #C1A0B3, #8A6486, #3F6240, #304A3B)
• Muted Ash color palette (#EDE9FF, #BE92AF, #847090, #61424F, #1B3420)
• Bronze Balcony color palette (#F7EBFD, #D48B9D, #9C5A2F, #005969, #004060)
• Dusty Veranda color palette (#F8D8FE, #DEAACE, #AF837D, #92612A, #5B3C00)
• Wandering Field color palette (#EAECFF, #D8B3D2, #C4929D, #628D81, #1D4A4B)
• Washed Courtyard color palette (#FFF1F4, #DABBB4, #9F8C79, #567768, #5A4C5A)
• Bronze Field color palette (#FCE2DD, #C18064, #7D6C1F, #30426C, #3B2249)
• Gentle Bronze color palette (#FFDDF0, #CF988A, #9E7610, #31628D, #3D4570)

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