Tempered Alley color palette — #FFF1F1 · #E2D8D0 · #B0C5D3 · #A17C85 · #5D4D4C

Heather takes the lead with Ash close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#E2D8D0): bright and airy, almost weightless.
• Ash (#B0C5D3): A luminous, dusty blue — the color of open sky before noon.
• Heather (#A17C85): A luminous, dusty red — the color of embers at dusk.
• Charcoal Brown (#5D4D4C): A full-bodied, dusty orange — the color of sun-warmed clay.

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

• Wandering Ridge color palette (#FFF2EE, #E0D8CF, #CCC6A0, #9C7878, #7E4222)
• Ash Drift color palette (#F6F3FF, #E9D6DE, #B3B5A9, #9CA0BF, #574C5C)
• Antique Ridge color palette (#FFF1F5, #FFD3CF, #ECA676, #9D5B8B, #5C352B)
• Hushed Bronze color palette (#FCF3EF, #F7A99D, #947A2B, #925D55, #332D23)
• Powdered Amber color palette (#F5D9CB, #F29F58, #B28C00, #773542, #391E0A)
• Apricot Station color palette (#FFE4E4, #FFB4A2, #D5954C, #884867, #362F2C)
• Rust Corridor color palette (#FFF2EB, #C3624D, #157C69, #315475, #443132)
• Olive Chapel color palette (#F2E4DA, #C99B51, #7F8300, #6A1500, #231400)

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