Tempered Alley color palette — #F8F3FA · #E3D7D9 · #B1ACA2 · #8E7A93 · #555156

A conversation between Slate Blue and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#F8F3FA): a clean, paper-quiet neutral.
• Silver (#E3D7D9): a clean, paper-quiet neutral.
• Ash (#B1ACA2): a calm mid-gray that lets other colors speak.
• Slate Blue (#8E7A93): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#555156): 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

• Muted Balcony color palette (#F5F0F6, #DED5D5, #A4AEB5, #8E7A95, #39343A)
• Aged Bronze color palette (#F1F7F0, #D0DFDE, #B1C4C7, #8F6D42, #444944)
• Stone Garden color palette (#FBF1FF, #D6BACA, #829C8B, #5F6C7B, #50515F)
• Aged Stone Balcony color palette (#ECF8F4, #A2CDAC, #588B92, #686277, #3C5251)
• Patina Bloom color palette (#EEE5E9, #AABFB0, #73978A, #673600, #2B1921)
• Worn Garnet color palette (#E6E0E6, #A8929F, #5F785F, #540517, #100510)
• Dusty Blush Coast color palette (#E6FBEF, #DC8DA2, #9B6B41, #3E5E72, #50434E)
• Wandering Chestnut color palette (#E9FAEE, #BCDAD0, #8BB294, #6D5800, #25382C)

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