Tempered Alley color palette — #FEF4E2 · #D2C89A · #9C8852 · #6F531E · #2A2000

Built around Coffee, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Cream (#FEF4E2): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#D2C89A): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#9C8852): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#6F531E): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#2A2000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Dusty Cabin color palette (#FFF2EB, #ECBBA1, #B7775F, #80463B, #331B03)
• Muted Olive color palette (#FFF5D5, #AFB97B, #7E7A16, #524600, #161300)
• Wandering Fern Thicket color palette (#F4E4BE, #9F9E56, #6D6000, #3E3000, #050400)
• Amber Atelier color palette (#F1E4DB, #B77435, #793900, #3D1200, #020100)
• Bronze Boulevard color palette (#F2E6D4, #CEC196, #B39B61, #A66A31, #31312A)
• Teal Meadow color palette (#E6FCE6, #00B4B3, #AA8238, #616500, #071A08)
• Softworn Garden color palette (#EFF9E9, #00A38A, #A75615, #584900, #0A0B00)
• Aged Celadon Harbor color palette (#EFF8EE, #C1DC91, #00736D, #162F13, #000600)

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