Tempered Garden color palette — #FFF2EB · #DEDACC · #DFB4A2 · #9EB3B4 · #733F0A

Bronze takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DEDACC): a clean, paper-quiet neutral.
• Sand (#DFB4A2): A luminous, dusty orange — the color of autumn markets.
• Ash (#9EB3B4): A luminous, dusty blue — the color of deep harbor water.
• Bronze (#733F0A): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Wandering Chestnut color palette (#FFF2ED, #B9F1F4, #DFDCCD, #E0AFC6, #7A4314)
• Worn Bronze color palette (#FAF5E8, #D8E3C2, #BEAC85, #977431, #4B3F00)
• Chalky Amber Field color palette (#FFE9DD, #E4AD76, #B8860F, #7F2A00, #030100)
• Washed Driftwood Villa color palette (#FDF1F8, #E6D6D5, #CECD9E, #B4827B, #5C4D55)
• Taupe Field color palette (#FFF3E2, #BBE9CF, #C2C5D0, #BC9059, #333029)
• Ancient Stone color palette (#FBF5E6, #CEC585, #72BFB2, #4E8D9C, #34312B)
• Tempered Cocoa Delta color palette (#FBF4EC, #DEE0CB, #9D805C, #623D00, #22190F)
• Dusty Oat color palette (#FDECFA, #E8D4D2, #B2DEC8, #9480A0, #43313A)

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