Tempered Atelier color palette — #FFF2EF · #E0A1A0 · #B07060 · #86553B · #5E4C00

Bronze and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rosewood Mist (#E0A1A0): A luminous, dusty red — the color of late-summer berries.
• Mocha (#B07060): A luminous, balanced orange — the color of toasted spice.
• Coffee (#86553B): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#5E4C00): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Tempered Atelier 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

• Antique Driftwood Canyon color palette (#FFE9DC, #E4B08E, #AB7D49, #775924, #494A43)
• Dusty Bronze Station color palette (#FFF2EB, #DD9F88, #5EA4BB, #A25D44, #355544)
• Bronze Harbor color palette (#FFF2EA, #DEDCCB, #A6BFD7, #B36F54, #744505)
• Hushed Driftwood Study color palette (#FFE9ED, #DCACD2, #A86B8C, #834B5F, #66473E)
• Wandering Tangerine color palette (#FFE8E4, #F16E31, #A85700, #6B4200, #383A00)
• Muted Amber color palette (#FFF2EA, #C98562, #4A9B7F, #746FA1, #48413C)
• Bronze Meadow color palette (#FFE7C6, #C4A054, #857816, #585E00, #384D2D)
• Bronze Quarry color palette (#ECDDC0, #7A6C00, #404300, #1D2800, #00150D)

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