Weathered Taupe color palette — #FCF3F1 · #E0D9D1 · #B1B0A5 · #B4928C · #575150

A conversation between Taupe and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Bone (#E0D9D1): bright and airy, almost weightless.
• Ash (#B1B0A5): soft and architectural.
• Taupe (#B4928C): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#575150): quiet, heavy and certain.

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

Use it as a design system

One click turns Weathered Taupe 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

• Chestnut Lantern color palette (#EEE7DE, #C2B295, #A09476, #6C4C00, #1C1203)
• Patina Garnet Market color palette (#F0E6E3, #BA9E92, #9A8071, #752532, #130503)
• Softworn Bronze Quarry color palette (#FBF3EE, #DFDAC8, #C2C0AD, #AB7052, #413933)
• Hushed Stone Terrace color palette (#FFF3E7, #F4A6A2, #BF8166, #706F67, #4E4642)
• Wandering Bronze color palette (#F6F6E8, #D1D6A9, #98A07D, #A76F40, #4E5200)
• Tempered Coral color palette (#FFEEE6, #E67568, #80471E, #403530, #27201D)
• Tempered Taupe color palette (#FCF3F0, #DFD9D0, #AFB1A6, #B69285, #58514E)
• Taupe Courtyard color palette (#FCF2F2, #E3D8D1, #B3B0A5, #BB8E8E, #5A4F4F)

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