Tempered Alley color palette — #F6F4FA · #DED7DB · #CBC0BA · #CD9EB8 · #4F4C53

A conversation between Mauve and Stone, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F6F4FA): bright and airy, almost weightless.
• Silver (#DED7DB): a clean, paper-quiet neutral.
• Stone (#CBC0BA): soft and architectural.
• Mauve (#CD9EB8): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#4F4C53): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. 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

• Amber Balcony color palette (#FAF3F6, #E3D7D6, #A8B6BF, #CF8C65, #463C41)
• Driftwood Terrace color palette (#FFF0FA, #E6D6D5, #AFC1AF, #709890, #39504F)
• Worn Delta color palette (#FFF1F5, #FFCFD1, #D0907D, #78762B, #4A3948)
• Hushed Corridor color palette (#FCF1FD, #E2969F, #614D5E, #322634, #120D14)
• Tempered Pier color palette (#F6EAEF, #C7D4C6, #96AD9A, #723F00, #090003)
• Terracotta Delta color palette (#FCF2F8, #E6D4D4, #D4AFBD, #A23801, #180512)
• Garnet Chapel color palette (#F0EAF3, #C0B7C2, #9E8B9D, #70003F, #030005)
• Dusty Corridor color palette (#FCF2F5, #E8C4A0, #96A168, #117D5E, #00404D)

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