Tempered Alley color palette — #F3E9F0 · #BEAEB3 · #A08687 · #39348B · #12060E

Indigo and Heather set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#F3E9F0): bright and airy, almost weightless.
• Ash (#BEAEB3): a calm mid-gray that lets other colors speak.
• Heather (#A08687): A luminous, dusty red — the color of a theater curtain.
• Indigo (#39348B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#12060E): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Aubergine Thicket color palette (#EAE1E4, #B1999C, #8F7571, #431F6A, #0E0005)
• Abyss Alley color palette (#E5EFEB, #BDADBC, #9F8592, #004A65, #000F08)
• Softworn Aubergine color palette (#FEEDF1, #E7CCCD, #C6A299, #773B97, #271319)
• Aged Pier color palette (#DCDEE5, #C2C3D1, #A99FB9, #5251B4, #1A1F2C)
• Aged Onyx Bloom color palette (#F6E9EA, #9A8985, #975938, #4B0042, #040001)
• Weathered Pewter color palette (#F7EFF3, #E1D5D1, #C7B9B2, #756D9F, #34282E)
• Garnet Studio color palette (#D9DEFF, #8A6D9A, #753647, #003427, #081300)
• Weathered Olive Terrace color palette (#E6DFC5, #5A8649, #005137, #351D44, #020B00)

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