Dusty Courtyard color palette — #F7F0EC · #DAD8CD · #BEBFAD · #976853 · #312A26

A conversation between Walnut and Stone, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F7F0EC): bright and airy, almost weightless.
• Bone (#DAD8CD): a clean, paper-quiet neutral.
• Stone (#BEBFAD): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#976853): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#312A26): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Tempered Parlor color palette (#FAF2F8, #CADBDD, #ACC2C2, #9A6555, #4C454A)
• Worn Driftwood color palette (#FAE2CC, #CBBCA1, #748857, #3A6458, #432E3C)
• Muted Field color palette (#F3F2EB, #D1D8D1, #B1BCA3, #596E1D, #232113)
• Softworn Cocoa color palette (#F6F1E8, #AFB98D, #5C814A, #7F4224, #2C2812)
• Timeworn Basalt color palette (#F5EBE2, #AA9E8E, #877C4B, #542900, #090300)
• Feathered Marigold color palette (#FEEFE0, #F1D3B5, #F5A214, #908B01, #2F1E01)
• Muted Amber color palette (#FEF0DB, #D38756, #806800, #004E63, #2E1F0E)
• Wandering Fern Pier color palette (#DFE0D5, #B1B6A4, #809570, #284F00, #0C0B01)

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