Tempered Alley color palette — #F7E8F0 · #BC561A · #004F45 · #5B2300 · #000102

A conversation between Terracotta and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F7E8F0): a clean, paper-quiet neutral.
• Terracotta (#BC561A): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#004F45): A deep, shadowed, dusty teal — the color of sea glass.
• Espresso (#5B2300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#000102): quiet, heavy and certain.

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

• Washed Veranda color palette (#DCE7DD, #9D6F00, #004E51, #493100, #000102)
• Gentle Delta color palette (#F4E5F3, #CB3E4F, #0D5308, #6A001A, #000201)
• Dusty Bronze color palette (#F6DBCE, #946E00, #464C00, #002814, #000605)
• Amber Summit color palette (#EEE1D8, #D2773C, #00734B, #823B00, #020400)
• Antique Meadow color palette (#FFE2F2, #8B5800, #004915, #2E0048, #070500)
• Fern Quarry color palette (#DDF4E6, #655800, #002856, #241E00, #000104)
• Pale Denim color palette (#D5EAE3, #809A2B, #0051AA, #3E4E00, #000208)
• Ancient Parlor color palette (#DBE1DC, #A5B8B1, #6D9696, #583F00, #040D06)

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