Tempered Alley color palette — #FCF1FA · #E6D7D6 · #BAB8C7 · #E0A0B9 · #5D4C57

Built around Ballet Pink, softened by Charcoal Brown — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Bone (#E6D7D6): a clean, paper-quiet neutral.
• Ash (#BAB8C7): A luminous, dusty violet — the color of wild irises.
• Ballet Pink (#E0A0B9): A luminous, balanced rose — the color of pressed rose petals.
• Charcoal Brown (#5D4C57): A full-bodied, dusty pink — the color of peonies in June.

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

• Ancient Stone color palette (#EBFAEC, #C3E6E7, #BBB9DA, #D9A999, #425246)
• Softworn Frost color palette (#D5FFFB, #FFEADA, #D8D4DF, #563A46, #281C21)
• Aged Field color palette (#FFF2ED, #E0DCCE, #BDCAA8, #9E7C7B, #773F13)
• Frost Corridor color palette (#FFEBF8, #C8F0E3, #E7D1D2, #957E92, #42353C)
• Bronze Canyon color palette (#EBF9EF, #BDE5E7, #93B99F, #97724D, #2E4440)
• Blush Harbor color palette (#FFF0F8, #E5FFCD, #CFE1CF, #FA7480, #563500)
• Powdered Station color palette (#F9E6F2, #D0A77B, #839E1C, #820038, #030100)
• Washed Grove color palette (#EEF8F1, #D2C38B, #7BBCBA, #787ABE, #23372B)

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