Tempered Taupe color palette — #FFF2EC · #DBC9AB · #9BA37D · #916972 · #654A50

Built around Sage, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Oat (#DBC9AB): A whisper-light, dusty gold — the color of old brass.
• Sage (#9BA37D): A luminous, dusty green — the color of fresh herbs.
• Mocha (#916972): A full-bodied, dusty red — the color of late-summer berries.
• Charcoal Brown (#654A50): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

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

• Muted Fern color palette (#FAF5E5, #C1C9A7, #609C93, #8C6668, #3F4800)
• Antique Turquoise Station color palette (#FFE8C5, #ACCF9E, #4DA3B6, #985F66, #6F3A41)
• Stone Corridor color palette (#FFF3E3, #E7DBAF, #9BC59F, #AD8AA8, #5C4651)
• Washed Atelier color palette (#EDE6D7, #99B589, #408E9C, #7E4E3E, #5C2B1A)
• Pale Mulberry Lantern color palette (#FCDCD4, #C2A560, #539C7D, #954665, #5D223A)
• Tempered Petrol Veranda color palette (#DDF7E0, #9ABCAD, #6E9390, #4E6280, #52435E)
• Lilac Courtyard color palette (#F8F8D6, #8BB369, #B880C4, #AF6386, #383831)
• Wandering Boulevard color palette (#FBF4EC, #C5E4E7, #90A2DC, #368989, #5E3C4B)

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