Sand Courtyard color palette — #FFF2ED · #DBD399 · #A56B6B · #5D4740 · #322926

A conversation between Wheat and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Wheat (#DBD399): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#A56B6B): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#5D4740): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#322926): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Sand 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 Thicket color palette (#FDF4E3, #E4BE76, #807136, #45423B, #262117)
• Weathered Cocoa Drift color palette (#FBF2F9, #BFE9F2, #9B7A94, #653832, #231721)
• Ancient Driftwood Studio color palette (#FCF3EF, #FFBFB4, #7AAA7A, #BB786D, #2D2F25)
• Wandering Taupe color palette (#FAF2FA, #B9EADB, #C78C90, #7C637D, #302831)
• Patina Mustard Summit color palette (#FFF2EA, #DCB800, #AD4300, #582D1A, #27160B)
• Ancient Amber Delta color palette (#F1E4D1, #B78B00, #5A4000, #251800, #040200)
• Softworn Taupe Summit color palette (#FBF4EE, #DBDCD1, #A8B7AE, #AF9680, #57514D)
• Washed Coral Lagoon color palette (#FFF2ED, #E88E8C, #62A5C5, #597F9F, #433B38)

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