Tempered Alley color palette — #F2F0FF · #BD81CB · #5B536A · #383643 · #212127

A conversation between Wisteria and Charcoal Brown, giving this palette its sense of creativity and sophistication.

The five colors

• Blush (#F2F0FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Wisteria (#BD81CB): A luminous, balanced pink — the color of a candy shop window.
• Charcoal Brown (#5B536A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#383643): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#212127): quiet, heavy and certain.

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

• Hushed Boulevard color palette (#FFECF0, #D1A3E0, #8C7575, #605053, #262022)
• Weathered Orchid Balcony color palette (#F1F0FD, #9F5EB5, #43374A, #282732, #16141A)
• Aged Meadow color palette (#FEF0FE, #EA969C, #CD9B38, #A283BB, #4C3C4D)
• Ember Quarry color palette (#F0DEED, #DE635C, #604256, #372835, #1C161D)
• Misty Peony color palette (#E6DDF2, #D540A8, #6D2A47, #2D1F3B, #131019)
• Mustard Dune color palette (#F9F3FB, #F4ADC1, #C6B150, #BF7189, #365543)
• Teal Studio color palette (#EEF7F7, #ABDCDC, #6DAA96, #688191, #3E5152)
• Hushed Rust color palette (#F3E2EB, #BE5300, #542D00, #2C0E21, #0F030C)

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