Tempered Garden color palette — #FBF3F4 · #E7D7CF · #A8B49D · #CA84E2 · #4E393E

A conversation between Wisteria and Sage, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FBF3F4): bright and airy, almost weightless.
• Bone (#E7D7CF): A whisper-light, dusty orange — the color of toasted spice.
• Sage (#A8B49D): A luminous, dusty green — the color of new leaves after rain.
• Wisteria (#CA84E2): A luminous, balanced pink — the color of a candy shop window.
• Charcoal (#4E393E): A deep, shadowed, dusty red — the color of a theater curtain.

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

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

• Ancient Taupe color palette (#FBF3F2, #DFDAD2, #96B4B0, #D896A9, #4F4544)
• Antique Lilac Hollow color palette (#F7EBED, #E1CFC4, #CBB69C, #B47BB3, #362A2C)
• Periwinkle Station color palette (#F9F3F8, #ECD6D5, #D5B99B, #83A0F2, #4A3A47)
• Patina Mulberry color palette (#F2F0FB, #DED2DA, #C7B9CD, #8C4E98, #252235)
• Sunlit Thicket color palette (#FEF3E7, #DBD17D, #89B647, #8280C0, #413B0A)
• Amber Parlor color palette (#FFF1F6, #C3A3FF, #D58200, #008685, #00354C)
• Pale Coral Coast color palette (#FFF2ED, #E0D9C7, #C7C79B, #F55F60, #591D01)
• Muted Delta color palette (#FEF6CF, #D6AAFF, #FF578A, #008C8A, #482846)

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