Tempered Alley color palette — #F8D9C2 · #AD7C0F · #7A3800 · #46000F · #010100

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

The five colors

• Peach Cream (#F8D9C2): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#AD7C0F): A luminous, balanced gold — the color of old brass.
• Bronze (#7A3800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#46000F): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Muted Moss Courtyard color palette (#FFEDD2, #878C38, #634800, #391600, #000200)
• Terracotta Thicket color palette (#FDDFCA, #BB9251, #984300, #60061E, #040400)
• Timeworn Archive color palette (#F5E7E0, #8A5D0D, #5A2800, #3D0003, #0F0B00)
• Washed Ridge color palette (#FDF5DE, #9AC084, #807A00, #623D00, #0D1600)
• Dusty Mustard Alley color palette (#FFF3E7, #DFB52E, #B66800, #89231E, #161B00)
• Amber Basin color palette (#FFF2EB, #ECBD90, #C1725A, #7D4454, #2A2008)
• Weathered Harbor color palette (#FFF4DE, #C0DD83, #AC9000, #86511D, #252B0A)
• Aubergine Bloom color palette (#F4E5EB, #9C71E8, #6B4400, #4C008F, #020100)

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