Tempered Corridor color palette — #FCF2F4 · #E1D8D3 · #AFB9B2 · #C39E93 · #544A4C

Camel and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FCF2F4): bright and airy, almost weightless.
• Bone (#E1D8D3): bright and airy, almost weightless.
• Ash (#AFB9B2): a calm mid-gray that lets other colors speak.
• Camel (#C39E93): A luminous, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#544A4C): quiet, heavy and certain.

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

• Aged Summit color palette (#FEF2F1, #E2D8D0, #A6B5AE, #C0769F, #413030)
• Worn Terracotta color palette (#FFF2ED, #E2D8C6, #C9B7A8, #934246, #170804)
• Washed Pier color palette (#F6E8E9, #CCB4B2, #AA897F, #5D2052, #040000)
• Timeworn Taupe Alley color palette (#FEF4E3, #FBCBF5, #CE8D96, #5E7C58, #4F3838)
• Blush Harbor color palette (#FFF1F0, #DE94B5, #664E47, #342827, #150D0E)
• Mallow Balcony color palette (#FFF1F2, #F4B4E1, #B39468, #377966, #2B365A)
• Bronze Coast color palette (#FCF3ED, #DFDDCD, #98C4B8, #BF6015, #302116)
• Stone Workshop color palette (#FCF3F2, #DED9D3, #A9B7B3, #CFA19C, #554A49)

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