Tempered Corridor color palette — #F9EFEF · #DED5CE · #C7BBAA · #946767 · #332929

Mocha takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#F9EFEF): bright and airy, almost weightless.
• Silver (#DED5CE): a clean, paper-quiet neutral.
• Stone (#C7BBAA): A luminous, dusty gold — the color of old brass.
• Mocha (#946767): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#332929): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Patina Pewter color palette (#F7F3FB, #E0D7DA, #CEB9BB, #90647F, #4A4552)
• Stone Delta color palette (#FFECE8, #E5AB9D, #A38568, #53664C, #23372A)
• Ancient Pine color palette (#F6F2E5, #A7BC8F, #57815A, #6B4B50, #2A2811)
• Garnet Drift color palette (#F2E5E4, #B39991, #A96A46, #5E1737, #0B0202)
• Antique Mulberry color palette (#FFEDE9, #EACDC0, #C1A592, #9E264A, #261511)
• Cocoa Studio color palette (#F1EBE4, #BCB29F, #938E76, #5D3C00, #120901)
• Aged Amber color palette (#FFEDEA, #FFD3F3, #FFA5B3, #CE8159, #391B0E)
• Blush Meadow color palette (#FFF0D8, #DE73A4, #985648, #0E533A, #321C17)

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