Worn Courtyard color palette — #FBF4E9 · #C9AB77 · #8D8FDF · #8D6D2D · #5E4454

Lavender Blue takes the lead with Walnut close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Camel (#C9AB77): A luminous, dusty gold — the color of old brass.
• Lavender Blue (#8D8FDF): A luminous, balanced violet — the color of twilight just after sunset.
• Walnut (#8D6D2D): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal Brown (#5E4454): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Periwinkle Harbor color palette (#FFF2ED, #DC9D9A, #6C99E1, #9F5D5B, #5C445B)
• Dusty Azure Orchard color palette (#FDF4E7, #CAAA7B, #56A2CB, #926A27, #2E5648)
• Wisteria Station color palette (#F7F6E7, #A3B986, #C67BB5, #617E32, #634346)
• Softworn Ash color palette (#E7F7E9, #CFAE70, #C784A8, #8A6D32, #382A44)
• Muted Cobalt color palette (#FFF3E3, #B39258, #558CD0, #8468A0, #46423B)
• Ancient Mustard Lantern color palette (#FDF4E4, #DFC26A, #71C2BA, #9F8B4D, #41533D)
• Taupe Loft color palette (#ECF9EF, #E8D39F, #B2C5FF, #C1A560, #404D66)
• Ancient Amethyst color palette (#FDF5DD, #AEA825, #833BE6, #635F00, #412C68)

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