Tempered Alley color palette — #EFE2D9 · #C17B59 · #704000 · #332C28 · #1F1611

Caramel and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#EFE2D9): bright and airy, almost weightless.
• Caramel (#C17B59): A luminous, balanced orange — the color of sun-warmed clay.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#332C28): quiet, heavy and certain.
• Ink (#1F1611): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Aged Field color palette (#FAF0E4, #BA9555, #715200, #3C3731, #26211B)
• Tempered Blush color palette (#F5DFDC, #C5718F, #5F4640, #412522, #201515)
• Bronze Thicket color palette (#F5E3D0, #A66700, #4A3400, #291600, #0F0500)
• Hushed Apricot color palette (#F0DFE9, #F78756, #617663, #52454D, #1B171B)
• Worn Rose Chapel color palette (#FFF3E4, #C89C5A, #6FAA6B, #CC5D71, #3C3731)
• Hushed Lantern color palette (#EEEBD6, #708D00, #434300, #272202, #100D04)
• Smoked Cocoa Grove color palette (#F5E0CE, #7D4000, #2A3935, #251400, #060100)
• Muted Bronze color palette (#FFF3E3, #D4B278, #D18AB8, #A77600, #5D314E)

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