Tempered Alley color palette — #F5F4FB · #DFD8FC · #E7A0AF · #D090D6 · #342937

Built around Mauve, softened by Ballet Pink — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F5F4FB): bright and airy, almost weightless.
• Thistle (#DFD8FC): A whisper-light, dusty violet — the color of wild irises.
• Ballet Pink (#E7A0AF): A luminous, balanced red — the color of embers at dusk.
• Mauve (#D090D6): A luminous, balanced pink — the color of peonies in June.
• Onyx (#342937): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Muted Coral Workshop color palette (#FAF3F6, #E4DAE3, #EA938D, #A28DC9, #281B15)
• Softworn Stone Courtyard color palette (#FFF1F6, #E0C5EA, #DF9995, #9A8B55, #524155)
• Tempered Dune color palette (#F9EFF1, #DAB4E2, #A86F87, #85638C, #1D1312)
• Airy Field color palette (#F9F2FF, #FDCBDD, #EAA6B1, #CE6973, #742924)
• Misty Peony color palette (#F0E7F6, #FF96C3, #EE5F56, #E63292, #180616)
• Hazy Peony color palette (#F8F2FE, #FFB4DD, #FF766F, #FD3EBB, #360D0C)
• Washed Quarry color palette (#EEF6FF, #97C4F3, #8FAD6F, #47A083, #21353E)
• Ember Studio color palette (#FEECF5, #FFAC7F, #C69000, #DF6500, #1A1000)

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