Wandering Courtyard color palette — #F9F4EE · #D8DBD0 · #B9C2AF · #9E7941 · #3E3A34

Built around Mocha, softened by Stone — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Bone (#D8DBD0): a clean, paper-quiet neutral.
• Stone (#B9C2AF): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#9E7941): A luminous, balanced gold — the color of old brass.
• Charcoal (#3E3A34): quiet, heavy and certain.

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

Use it as a design system

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

• Worn Olive color palette (#F7F6EA, #DEE1C7, #B6C59C, #6E8200, #34332C)
• Muted Market color palette (#FCF3EF, #DFD9CB, #C4C0A6, #AF6B62, #612605)
• Softworn Taupe Meadow color palette (#F1F7F1, #CDDEDD, #B0C3C7, #C3965B, #323E32)
• Softworn Lagoon Archive color palette (#F7F6E7, #90C397, #289571, #81593A, #35362F)
• Patina Lagoon color palette (#F4E1BE, #C1BB97, #5FA17C, #5B648A, #5C3E49)
• Muted Chestnut Bloom color palette (#E8E4DE, #C9C4B6, #A9A786, #795C00, #281D0B)
• Bronze Grove color palette (#F6F0DF, #8D8300, #334718, #292108, #110C06)
• Hazy Parlor color palette (#F9EDD9, #CA9826, #688400, #29578B, #33302A)

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