Tempered Alley color palette — #F7EFF4 · #E0D3D4 · #B8ABA3 · #95798D · #3B3339

Heather and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Silver (#E0D3D4): a clean, paper-quiet neutral.
• Ash (#B8ABA3): soft and architectural.
• Heather (#95798D): A luminous, dusty pink — the color of neon signs at night.
• Charcoal (#3B3339): quiet, heavy and certain.

Feels like: 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 Workshop color palette (#EBF4F1, #DFD0CE, #A6998F, #688B81, #313836)
• Softworn Basalt color palette (#ECDDDE, #C5ACAD, #A88380, #5F2E5C, #160508)
• Hushed Coast color palette (#F1F5FC, #DCD8E1, #B6A9A9, #7082A4, #4F535A)
• Patina Pewter color palette (#FAEEF1, #E5D2CB, #C6B1B2, #795484, #291D1F)
• Lilac Orchard color palette (#FFEEE7, #AEA0E4, #896B96, #7C3E22, #38262D)
• Weathered Chestnut Market color palette (#FFECF2, #DFBCC2, #AE8A8A, #8D5628, #5E3800)
• Stone Orchard color palette (#F3F3E4, #ADCEA5, #678E6E, #526857, #31322B)
• Aged Navy Garden color palette (#EADBE3, #9E8590, #7B636B, #271567, #030002)

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