Tempered Alley color palette — #EDF8F7 · #D2DCE2 · #ACB0BD · #AC7047 · #4C5454

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

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Silver (#D2DCE2): a clean, paper-quiet neutral.
• Ash (#ACB0BD): a calm mid-gray that lets other colors speak.
• Mocha (#AC7047): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal Brown (#4C5454): quiet, heavy and certain.

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

• Ancient Bloom color palette (#EDF7F9, #D3DCE3, #AEAFBA, #6A625A, #474F55)
• Wandering Driftwood color palette (#ECF4F3, #D1D8DE, #B0ADB8, #688E6E, #2F3837)
• Patina Terrace color palette (#D7E8E9, #92A3B0, #738CA4, #00755C, #000C0D)
• Muted Seafoam color palette (#E5FBF5, #7BE9C6, #72BEBB, #788CB4, #364C4F)
• Mint Pier color palette (#E4F6F9, #00D2C2, #668089, #47585B, #1C2324)
• Cobalt Study color palette (#DFE7ED, #ADB0CE, #9896BC, #007AAF, #071520)
• Patina Azure Villa color palette (#EEF6FF, #D8D8F2, #C1BCDA, #339EF4, #213548)
• Softworn Bronze color palette (#EDF7FA, #D4DCE6, #B0AFBA, #A17539, #4D5456)

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