Tempered Taupe color palette — #FBF3F1 · #DFDBD1 · #B1BAA7 · #D59A97 · #504541

Built around Rosewood Mist, softened by Stone — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Bone (#DFDBD1): bright and airy, almost weightless.
• Stone (#B1BAA7): A luminous, dusty green — the color of new leaves after rain.
• Rosewood Mist (#D59A97): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#504541): quiet, heavy and certain.

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

Use it as a design system

One click turns Tempered 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

• Worn Lantern color palette (#FFF2EB, #F0D6BA, #C0B986, #83A28F, #36564E)
• Taupe Studio color palette (#F8F5EE, #D6DCD0, #B6C7B5, #AFA14A, #3D3A34)
• Tempered Bronze color palette (#F6EFF5, #DDD3D5, #CBB6B7, #A1615A, #302A2F)
• Antique Tangerine color palette (#FDF3ED, #E2DCBF, #C3C59F, #F3670D, #502600)
• Fern Courtyard color palette (#F4F7EA, #B1E2CB, #6DBDB1, #AF847C, #354B04)
• Wandering Apricot color palette (#FEF4E3, #FFB0A2, #D8953D, #299297, #423C37)
• Airy Hollow color palette (#FEF2EC, #FAA58D, #83B054, #1789AB, #452D4D)
• Softworn Chestnut color palette (#F1EAE3, #A0A292, #85926C, #8C5400, #100701)

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