Tempered Alley color palette — #FBF3F1 · #DFD9CC · #CFB7A0 · #B03D3F · #682B11

Built around Brick, softened by Rust — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Bone (#DFD9CC): bright and airy, almost weightless.
• Stone (#CFB7A0): A luminous, dusty gold — the color of old brass.
• Brick (#B03D3F): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#682B11): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged scandi, muted, light, warm.

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

• Timeworn Bronze color palette (#FBF4EC, #D9DCCB, #C4BC9E, #925D00, #5A3700)
• Muted Plum color palette (#FCF3F2, #E0D8CF, #D5B4A4, #B42677, #4D3B39)
• Terracotta Delta color palette (#F9EFED, #DFD7C3, #D0BC9A, #A44A57, #2E221E)
• Weathered Terracotta Veranda color palette (#F4EDE9, #D3CAC3, #AD9E8B, #942B13, #382A23)
• Antique Rose Thicket color palette (#F9F3FA, #EFD4D4, #B7D7C0, #C06872, #483B49)
• Washed Cocoa Delta color palette (#E9E0D9, #C0B7AC, #9B8C6E, #693400, #2E1A08)
• Bronze Pier color palette (#FCDFCA, #A34C00, #3C2600, #2B0F00, #0D0600)
• Tangerine Grove color palette (#FFF2EA, #FFBBC1, #FF7E3F, #977700, #522B00)

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