Tempered Alley color palette — #F4F5FB · #DFD8DF · #BDADB0 · #B59FDA · #454655

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

The five colors

• Ivory (#F4F5FB): bright and airy, almost weightless.
• Silver (#DFD8DF): a clean, paper-quiet neutral.
• Ash (#BDADB0): soft and architectural.
• Mauve (#B59FDA): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#454655): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, 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

• Blush Orchard color palette (#F9F2FC, #E3D5D9, #B7A999, #EA7BA7, #453B4B)
• Antique Coast color palette (#E6E2EF, #D28FCE, #796982, #4C465C, #171720)
• Magenta Courtyard color palette (#F5F3FF, #E5D4E0, #D5B6C4, #DE4CF0, #342F44)
• Aged Olive Lantern color palette (#F4F4FF, #D3AEE4, #D08D6D, #5A8C44, #003E53)
• Muted Pewter color palette (#F8EFF2, #E0D4D1, #C7B9B2, #7C6C97, #33292D)
• Teal Thicket color palette (#ECF8F6, #AFE0E1, #6BBEAF, #898BBB, #28494A)
• Scarlet Atelier color palette (#EBE1E9, #CEBABA, #BF9E99, #D44C3E, #281A25)
• Washed Mulberry Station color palette (#EAE6EF, #AC9BA2, #A37E87, #A3297A, #0C0613)

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