Tempered Taupe color palette — #FBF3F1 · #DED9D2 · #9EB5AE · #BB9081 · #59504D

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

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Bone (#DED9D2): a clean, paper-quiet neutral.
• Ash (#9EB5AE): A luminous, dusty teal — the color of glacier melt.
• Taupe (#BB9081): A luminous, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#59504D): 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

• Softworn Fern color palette (#E6E1D6, #BAB4A0, #919B6F, #615200, #191306)
• Bronze Basin color palette (#F9F4EF, #DBDACC, #C0C2A8, #A3754A, #423930)
• Muted Amber color palette (#FDF3E8, #F2A993, #BC8456, #62774F, #4D4642)
• Bronze Archive color palette (#F4F6EF, #CBD7B4, #63AD92, #A17338, #43550E)
• Garnet Lantern color palette (#F5ECE8, #AFA199, #9D8069, #850601, #140501)
• Antique Amber color palette (#FAEFE8, #D5845F, #7D4B13, #582A00, #26201D)
• Worn Taupe color palette (#FAF4F0, #DEDAD1, #AEB4A7, #B7937F, #5A504B)
• Tempered Corridor color palette (#FAF4EF, #DCDAD2, #AEB7A9, #B3947D, #58514C)

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