Tempered Alley color palette — #F8E1DC · #AC5600 · #643E00 · #2E2300 · #050500

Ochre and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F8E1DC): A whisper-light, dusty orange — the color of toasted spice.
• Ochre (#AC5600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#643E00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#2E2300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#050500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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 Terracotta Thicket color palette (#F4E5C5, #9F4500, #4D3A00, #00242D, #070200)
• Wandering Lantern color palette (#F8D4DC, #D11736, #802B00, #341900, #040200)
• Olive Coast color palette (#F6E4C4, #837800, #3F4F00, #0A2900, #000703)
• Worn Veranda color palette (#F8E9E0, #B1A294, #988263, #732B0C, #110602)
• Amber Station color palette (#F3D8C8, #D48D00, #8C7100, #484A00, #122900)
• Bronze Drift color palette (#F2E3D8, #937725, #495500, #01334D, #1F051A)
• Dusty Ember color palette (#F4E3D2, #FF533A, #A86100, #625900, #040200)
• Pale Amber color palette (#FDE8CB, #A98F00, #606700, #244300, #001A0B)

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