Tempered Studio color palette — #F9EFEF · #DDD6CF · #ADB0A4 · #9E7876 · #3C3433

A conversation between Mocha and Ash, giving this palette its sense of sophistication.

The five colors

• Cream (#F9EFEF): bright and airy, almost weightless.
• Silver (#DDD6CF): bright and airy, almost weightless.
• Ash (#ADB0A4): a calm mid-gray that lets other colors speak.
• Mocha (#9E7876): A luminous, dusty orange — the color of toasted spice.
• Espresso (#3C3433): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Studio 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 Driftwood Field color palette (#FBF3F2, #DED8D4, #A7AFA2, #A66F84, #59504F)
• Basalt Boulevard color palette (#FFEDEC, #D3BFB7, #A2937E, #5B7069, #27423A)
• Timeworn Alley color palette (#F8F2DF, #C99BB9, #9A6B5D, #325C47, #3B2622)
• Terracotta Coast color palette (#F8F0ED, #DED6C7, #CCBCAC, #A04C5B, #31201C)
• Wandering Cocoa color palette (#F1E6DF, #BBB1A7, #958D77, #722A00, #150701)
• Dusty Onyx color palette (#F1E3E1, #998A83, #925D2A, #510028, #050000)
• Wandering Denim Garden color palette (#FBEEEF, #BB8AB0, #787442, #015372, #112844)
• Chestnut Parlor color palette (#FAF0E5, #D9D3C2, #AEAF84, #7A5200, #261601)

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