Tempered Workshop color palette — #FFF0EB · #C9B4A4 · #A17B3A · #4D694F · #205356

A conversation between Mocha and Peacock, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF0EB): bright and airy, almost weightless.
• Stone (#C9B4A4): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#A17B3A): A luminous, balanced gold — the color of old brass.
• Pine (#4D694F): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#205356): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, 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

• Patina Canyon color palette (#FFF2EA, #BEAA91, #918A62, #476A5B, #5E465B)
• Taupe Parlor color palette (#F5F3FF, #DBC1D9, #B89B6B, #66758A, #3C4E68)
• Navy Garden color palette (#FBEDD5, #919569, #457451, #324771, #3C285C)
• Patina Basalt Lagoon color palette (#F7F6EB, #AEB391, #4F7F68, #734B62, #414700)
• Bronze Parlor color palette (#FFF3E3, #D4B882, #956E01, #5D4000, #3A2700)
• Muted Denim Studio color palette (#FFE7C8, #B4AD7B, #628653, #2E5A95, #593C66)
• Hushed Petal Parlor color palette (#FFF0F0, #F0C6DD, #A2BAA7, #779EAB, #3D5262)
• Tempered Chestnut color palette (#FEF3E8, #C0966C, #4C91C1, #905600, #0A476A)

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