Tempered Taupe Garden color palette — #FBF3EE · #DCDBD1 · #A9B7BA · #9DA385 · #524C48

Built around Taupe, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Bone (#DCDBD1): a clean, paper-quiet neutral.
• Ash (#A9B7BA): a calm mid-gray that lets other colors speak.
• Taupe (#9DA385): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#524C48): a grounded near-black with real depth.

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

Use it as a design system

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

• Patina Fern Thicket color palette (#F9F5EC, #BEE4D1, #ABB38D, #96807E, #4F4700)
• Tempered Fern Grove color palette (#F1EFE0, #CDD3BB, #99AD91, #445500, #030300)
• Ancient Harbor color palette (#F6F0F3, #CCD5D7, #99A0AE, #A77562, #3B3338)
• Cocoa Courtyard color palette (#FAECE1, #C9B89F, #9A9271, #5D2D00, #030100)
• Timeworn Cabin color palette (#FFF3E8, #FFBB88, #4FAAAE, #7C5F7D, #4F2D35)
• Timeworn Marigold color palette (#FEF3E6, #D9A352, #645300, #322A1F, #140E0A)
• Muted Veranda color palette (#FBF4EA, #DBE3CC, #BAC9B7, #936F35, #241D14)
• Taupe Bloom color palette (#FCF3F0, #DFDAD1, #A5B6B6, #A9A17F, #544B49)

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