Tempered Alley color palette — #FBF4EF · #DBDAD3 · #BFC0B1 · #9C644A · #4E4641

Walnut takes the lead with Stone close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Silver (#DBDAD3): a clean, paper-quiet neutral.
• Stone (#BFC0B1): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#9C644A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#4E4641): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Bronze Basin color palette (#F7F0ED, #D8D8D0, #B8BFB1, #AC5B3D, #342A23)
• Dusty Basin color palette (#F8F5EC, #D4DDCE, #BCBEA9, #786B00, #503D00)
• Antique Amber color palette (#F9F3F7, #CED9DB, #9CA2AD, #C97657, #51434C)
• Washed Cypress Studio color palette (#FFEAD9, #BDB095, #8C8A6E, #45695D, #5F4657)
• Softworn Bronze color palette (#ECE4DC, #B1A89B, #987B35, #562A00, #210F00)
• Weathered Garden color palette (#FAF5E9, #ABB589, #607D52, #854629, #4D4200)
• Worn Fern color palette (#F0F1E7, #B6BBAA, #87927F, #295000, #202010)
• Worn Marigold color palette (#FFF3E6, #F4D5BD, #E2A24E, #909731, #3E3933)

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