Dusty Courtyard color palette — #FFDEC8 · #CBCB9B · #9EAA8F · #A4757A · #5B3338

Pistachio and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFDEC8): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#CBCB9B): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9EAA8F): A luminous, dusty green — the color of fresh herbs.
• Mocha (#A4757A): A luminous, dusty red — the color of a theater curtain.
• Cocoa (#5B3338): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Driftwood Lantern color palette (#FFF3E6, #CBD5BE, #ABBEA3, #A8837D, #634843)
• Ancient Basalt color palette (#FFDCED, #DFC6B1, #B0A980, #967185, #474368)
• Tempered Petrol color palette (#FFF4DE, #DDD8B2, #96A380, #5A6799, #522D38)
• Turquoise Balcony color palette (#EEDFC1, #90D093, #2FACBC, #A15F61, #6A2228)
• Aged Bronze Pier color palette (#D8EED4, #7EBFBB, #A88AA3, #9A6D4F, #4F2C12)
• Worn Terrace color palette (#F7F6E5, #A3D8BE, #53B1B3, #A17487, #2B3C00)
• Worn Bone color palette (#C0EACE, #9ABEB4, #6A9C9B, #566585, #423F59)
• Basalt Villa color palette (#EED9EF, #B694A0, #707F53, #693F58, #3B213D)

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