Tempered Alley color palette — #F8F3FA · #E4CEA2 · #A16C78 · #58465C · #312833

Built around Mocha, softened by Wheat — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F8F3FA): a clean, paper-quiet neutral.
• Wheat (#E4CEA2): A whisper-light, dusty gold — the color of old brass.
• Mocha (#A16C78): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal Brown (#58465C): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#312833): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Driftwood Terrace color palette (#FDF3F1, #CFDDCC, #AB7480, #5B3E38, #231816)
• Timeworn Workshop color palette (#FFF1F1, #DFE2B8, #BF8DA7, #846463, #322928)
• Ancient Bronze Veranda color palette (#EEF9ED, #D9C190, #8E6A3E, #314A2F, #1B251A)
• Pewter Coast color palette (#F8F3FC, #97CDC4, #7C4D64, #41304F, #2E2129)
• Hushed Stone Station color palette (#EAFAED, #E8AF93, #A49062, #4C7589, #574049)
• Tempered Studio color palette (#FFF0FC, #DDB55C, #A9433C, #612420, #261323)
• Antique Coral Atelier color palette (#FAF2F9, #E7C4E5, #B19958, #C37273, #263129)
• Taupe Lagoon color palette (#FAF3F7, #E2D7D6, #B0B3BC, #BF8E7E, #585055)

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