Tempered Workshop color palette — #FFF2EB · #D8AB84 · #9F7D3E · #6F682B · #4F534C

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#D8AB84): A luminous, dusty gold — the color of old brass.
• Mocha (#9F7D3E): A luminous, balanced gold — the color of honey in a jar.
• Olive (#6F682B): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4F534C): quiet, heavy and certain.

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

• Softworn Bronze color palette (#FBF4E7, #C0AF76, #739BCF, #84712A, #5C435D)
• Chestnut Study color palette (#FFECF2, #D4B486, #9E7F3D, #715A00, #19402C)
• Ancient Driftwood color palette (#FFF0EF, #E0A2A3, #B97165, #855330, #4E4E46)
• Dusty Driftwood color palette (#FFF4DE, #B1B275, #74935B, #3A6E48, #375646)
• Softworn Mustard color palette (#FFF0F9, #FDC59A, #DCB155, #A3955A, #37564A)
• Ancient Chestnut color palette (#FFF3E2, #D4E9CA, #AAD1BD, #A78970, #604D00)
• Hushed Amber color palette (#FFD5B1, #C49700, #847400, #455800, #004636)
• Timeworn Terrace color palette (#FDF4E2, #A89760, #7288BD, #816493, #563E00)

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