Tempered Garden color palette — #FAF3F7 · #E0D7D7 · #BBAFA7 · #6E6465 · #5E4D54

Built around Charcoal Brown, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#E0D7D7): bright and airy, almost weightless.
• Ash (#BBAFA7): soft and architectural.
• Graphite (#6E6465): a grounded near-black with real depth.
• Charcoal Brown (#5E4D54): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Sophistication. 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

• Hushed Taupe Canyon color palette (#FCF3F2, #E2D8D1, #B5B2A3, #CC9BB3, #504444)
• Tempered Mallow Hollow color palette (#FEEDF2, #CAA3F0, #897579, #5F5055, #262022)
• Antique Driftwood Garden color palette (#EFF2F8, #D8D5DC, #B8AAB1, #7482A7, #34363C)
• Driftwood Boulevard color palette (#FFF2EB, #DDC5F4, #C99EC4, #B37D68, #593F46)
• Patina Denim Basin color palette (#EFE6EA, #AF9B99, #A08079, #66559C, #13040B)
• Fern Coast color palette (#F5F6EA, #DBE2C3, #94C2A6, #8BA092, #4A5303)
• Washed Plum Bloom color palette (#EBDEDC, #BBADA0, #AE9578, #A94F6F, #240B09)
• Blush Veranda color palette (#FFF2EE, #E3D7CA, #D3BFA0, #E66A83, #412D29)

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