Tempered Studio color palette — #F2DAC8 · #8C671F · #6E3200 · #4A0010 · #040400

Espresso takes the lead with Bronze close behind in a set that reads as optimism and balance at first glance.

The five colors

• Bone (#F2DAC8): A whisper-light, dusty gold — the color of old brass.
• Ochre (#8C671F): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#6E3200): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#4A0010): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, muted.

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

• Shadow Bronze color palette (#FBE0ED, #986714, #5F2B00, #2B0001, #020100)
• Olive Atelier color palette (#EFE6D7, #69762D, #554200, #3A1A00, #000501)
• Terracotta Market color palette (#FBE4D7, #A67032, #902A00, #5E0029, #0F0B00)
• Hushed Chestnut color palette (#ECE0C7, #7F9653, #725F00, #5B3100, #001C0A)
• Bronze Market color palette (#F2E3D2, #ACA14D, #9A6500, #7E3217, #282500)
• Sunlit Aubergine Harbor color palette (#F5E2E9, #845AC1, #712E00, #4A0084, #040100)
• Weathered Atelier color palette (#F9E6E7, #8C007D, #454A00, #292C00, #050004)
• Plum Coast color palette (#E9E4F9, #AF4696, #8B0031, #3C1700, #040200)

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