Tempered Studio color palette — #FFF2EB · #FFCCB4 · #EFA87B · #C28349 · #57524C

Mustard takes the lead with Melon close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Peach Cream (#FFCCB4): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#EFA87B): A luminous, balanced gold — the color of old brass.
• Mustard (#C28349): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#57524C): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

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

• Antique Cocoa color palette (#FFF3E8, #E8D6C3, #D6AC8D, #B28771, #633F00)
• Apricot Thicket color palette (#FEF0FF, #EFD9C6, #F8A372, #99743D, #375140)
• Tempered Apricot color palette (#FCF3EA, #F0CEAA, #8EDAB7, #DC9845, #275843)
• Muted Canyon color palette (#FFF4E1, #E7D9A6, #C5BD73, #9C9B49, #514F48)
• Worn Terrace color palette (#FFDCF3, #F4A783, #B17145, #775130, #462C35)
• Patina Terrace color palette (#FFE8E6, #F9C1D2, #EC9BAE, #C6757F, #544C49)
• Marigold Loft color palette (#FFECDC, #FFAB49, #D18F00, #9F7300, #554000)
• Tempered Blush color palette (#FFF3E7, #EEBC8F, #A9CA86, #E592AF, #47413C)

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