Dusty Apricot Courtyard color palette — #FFF2EA · #ECCAA3 · #DF9A75 · #AD7875 · #403D36

A conversation between Camel and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#ECCAA3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#DF9A75): A luminous, balanced orange — the color of autumn markets.
• Mocha (#AD7875): A luminous, dusty orange — the color of toasted spice.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Hushed Amber Workshop color palette (#FFF0F8, #DFB492, #BB7F5C, #8F5945, #4E353D)
• Ancient Basin color palette (#FDF4E5, #D3D5A2, #C7A860, #AA7D57, #423F00)
• Lilac Workshop color palette (#F0F8EA, #62EAC4, #B57ED4, #C7785D, #2D3625)
• Ember Lantern color palette (#EEDBD0, #D6A778, #DA692F, #9D5154, #2F2200)
• Bronze Corridor color palette (#FFECF5, #C69FAD, #97694F, #6B3E36, #142817)
• Tempered Bronze color palette (#F3DCC5, #B59C5C, #AE6A00, #913D1A, #171800)
• Washed Canyon color palette (#F2F7ED, #FCCAA6, #37AB8C, #34705E, #1D2516)
• Washed Olive Pier color palette (#FCECCC, #7F883A, #735D00, #5B3500, #040400)

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