Tempered Alley color palette — #FEF1F7 · #FCD0D1 · #BCD79C · #9B88EA · #47473F

Built around Wisteria, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Shell Pink (#FCD0D1): A whisper-light, dusty red — the color of embers at dusk.
• Pistachio (#BCD79C): A whisper-light, balanced green — the color of new leaves after rain.
• Wisteria (#9B88EA): A luminous, balanced violet — the color of wild irises.
• Charcoal (#47473F): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged 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 Oat Dune color palette (#F3F4FF, #DBCBFF, #BBD283, #B199E1, #30564B)
• Dusty Periwinkle color palette (#FBF1FB, #DBDAF6, #F2C192, #649CE6, #4B453F)
• Wandering Blush color palette (#FFF2F0, #F8D2CC, #A3DBB6, #D27B9A, #3F4D00)
• Powder Workshop color palette (#FFF0F8, #E5DAD4, #93B8E8, #A4B2AD, #644B50)
• Dusty Driftwood color palette (#FCF2F4, #BCEEE8, #9B789D, #573A59, #241719)
• Lilac Boulevard color palette (#F3F4FF, #BAA0EC, #94A067, #7A669E, #2F5649)
• Aged Taupe color palette (#FFF1F5, #D9BFF4, #AEC586, #96AC6D, #4A2F39)
• Aged Thicket color palette (#FFF1F4, #EAD9E1, #C6A9E3, #825995, #352043)

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