Tempered Alley color palette — #F4ECEA · #D5C9C4 · #B7998A · #96213D · #3C2823

Garnet and Taupe set the tone — five colors that lean into sophistication.

The five colors

• Cream (#F4ECEA): a clean, paper-quiet neutral.
• Oat (#D5C9C4): a calm mid-gray that lets other colors speak.
• Taupe (#B7998A): A luminous, dusty orange — the color of toasted spice.
• Garnet (#96213D): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#3C2823): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Mulberry Chapel color palette (#EFE7E5, #D8C8BF, #B69F89, #84374D, #20110F)
• Muted Chestnut Terrace color palette (#F3EDE8, #D2CBC3, #AB9E8C, #7E4400, #362C22)
• Mulberry Meadow color palette (#F4ECED, #D8C8C8, #B99796, #7A327F, #3A282B)
• Worn Terracotta color palette (#FBF3F1, #DED8CF, #C1AFA4, #9C4443, #62250A)
• Dusty Bronze Workshop color palette (#E9E0D9, #B2A79C, #A07638, #562A00, #210E00)
• Wandering Coast color palette (#FFECE2, #F8898F, #EB5D3C, #904E00, #481700)
• Driftwood Harbor color palette (#F9F4EF, #D9DAD4, #A1B0AD, #967E57, #585149)
• Forest Grove color palette (#E5E6D9, #6B9974, #036541, #5C3200, #023314)

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