Dusty Courtyard color palette — #FFEBD3 · #D39249 · #68832D · #55498D · #33302A

Built around Mustard, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Cream (#FFEBD3): A whisper-light, dusty gold — the color of old brass.
• Mustard (#D39249): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#68832D): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#55498D): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#33302A): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Coral Garden color palette (#FCECD3, #E5836D, #917400, #355589, #352F2A)
• Faded Olive color palette (#E7FCE5, #EDA55A, #6E8A1C, #54428B, #0F2817)
• Mustard Basin color palette (#FFF3E6, #C9AF62, #5C9668, #6E5788, #3F3D36)
• Aubergine Market color palette (#FCEFE3, #C8843D, #008286, #6B367B, #3C1A47)
• Aubergine Pier color palette (#FFDDC5, #99A100, #008267, #7E077F, #153100)
• Pale Fern Pier color palette (#DDF5E7, #98862E, #536200, #004A48, #353205)
• Tempered Basalt color palette (#FEDFC5, #CCBC97, #8C9377, #845C68, #623A3E)
• Pale Workshop color palette (#FFEBD4, #A77600, #30700D, #3B1670, #1A1600)

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