Tempered Corridor color palette — #FEF1F7 · #B3A6DD · #A99762 · #7767A4 · #644800

Slate and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Mauve (#B3A6DD): A luminous, dusty violet — the color of wild irises.
• Moss (#A99762): A luminous, dusty green — the color of fresh herbs.
• Slate (#7767A4): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#644800): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Tempered Corridor 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 Workshop color palette (#FFF1F6, #BAA4D8, #73A77C, #8062A2, #4C4E47)
• Dusty Taupe Basin color palette (#FBF2FB, #95B2DC, #BC8E62, #5574A1, #524C46)
• Softworn Terrace color palette (#EEF2FC, #ADADE1, #A49F64, #6A64BB, #363204)
• Antique Iris Loft color palette (#FDF1F8, #BEBFEE, #BBB474, #8380D7, #504D46)
• Antique Driftwood color palette (#FFF0FA, #8A94C8, #7A9459, #4F7E64, #4F3B49)
• Mulberry Hollow color palette (#FFF2F0, #D384A0, #3B9F74, #9F3F66, #174E36)
• Hushed Bronze color palette (#FEF3E7, #C6B695, #A5753C, #884B29, #504900)
• Dusty Stone Harbor color palette (#FFF0FA, #E6D9D5, #D9C0A4, #719688, #5A474D)

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