Tempered Alley color palette — #F9F0E3 · #CCB994 · #987F4F · #784E08 · #322B1D

Coffee and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F9F0E3): bright and airy, almost weightless.
• Sand (#CCB994): A luminous, dusty gold — the color of old brass.
• Mocha (#987F4F): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#784E08): A full-bodied, balanced gold — the color of old brass.
• Espresso (#322B1D): A deep, shadowed, dusty gold — the color of old brass.

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

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

• Patina Station color palette (#FBF4EA, #DBE6C0, #C6AA7A, #A36C3B, #474000)
• Moss Lagoon color palette (#E6DFCE, #939331, #675C00, #433400, #101400)
• Ancient Lantern color palette (#EEF9EF, #C0BA8A, #688A6C, #715462, #3A4C47)
• Worn Orchard color palette (#EEE1D8, #AE7854, #8B3800, #561A09, #190A00)
• Bronze Canyon color palette (#FEECD9, #926922, #603A00, #371A00, #080500)
• Patina Turquoise color palette (#EAF5EC, #3AA5B4, #928243, #546634, #19261D)
• Linen Peony Lantern color palette (#FFECF1, #D3AFD6, #B36EA8, #743C5E, #49152C)
• Softworn Stone color palette (#F6EFF5, #EBB1BD, #4F6089, #40273D, #181117)

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