Tempered Courtyard color palette — #DEDAF8 · #B9AAD0 · #AA7A8C · #80596A · #513C14

Dusty Rose takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Thistle (#DEDAF8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#B9AAD0): A luminous, dusty violet — the color of wild irises.
• Dusty Rose (#AA7A8C): A luminous, dusty rose — the color of a warm blush.
• Graphite (#80596A): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#513C14): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Courtyard 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 Stone Canyon color palette (#EAE1FF, #D6A8C1, #99819F, #856745, #344E3C)
• Washed Ash Station color palette (#DBE5FA, #A4B2D4, #998BB6, #745C7B, #543C53)
• Dusty Ash Cabin color palette (#E9DEED, #B282A6, #946278, #683F1D, #352000)
• Frosted Blush color palette (#F9D4E1, #EB8B96, #BC6357, #6F5E23, #3D3F00)
• Airy Orchid color palette (#F0E5F9, #CE90E2, #B266B8, #823D79, #542346)
• Dusty Forest Meadow color palette (#FFDED2, #BF98A8, #937953, #3D6338, #064041)
• Dusty Lagoon Study color palette (#FCF1FF, #D6C1D3, #B397A8, #5C8572, #285549)
• Wandering Bronze color palette (#F1D7D8, #A66253, #714B35, #313500, #041200)

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