Ancient Courtyard color palette — #F9F4EF · #D9DBD4 · #A8B6BC · #BF9659 · #573800

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

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Silver (#D9DBD4): bright and airy, almost weightless.
• Ash (#A8B6BC): a calm mid-gray that lets other colors speak.
• Camel (#BF9659): A luminous, balanced gold — the color of honey in a jar.
• Cocoa (#573800): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Stone Harbor color palette (#F7F5EF, #D7DBD5, #A5B2BD, #B2B375, #514D42)
• Cocoa Garden color palette (#F3EDE4, #D5D0BE, #A9A88C, #614900, #040200)
• Patina Bloom color palette (#FFF4E0, #D2DFC8, #B1BA99, #7683AA, #6A4453)
• Softworn Lagoon Field color palette (#F4F6F0, #D4DDD8, #A4ADC1, #579B6D, #2D2F29)
• Weathered Station color palette (#F1F7F1, #D0DFDD, #AEC5C7, #8C6F44, #424A42)
• Basalt Studio color palette (#F6F6ED, #CAE4CD, #6CAE93, #966C4C, #363D00)
• Bronze Cabin color palette (#F8F5ED, #D8E1D1, #94D2D5, #927E00, #302200)
• Tempered Pewter Corridor color palette (#F8EFF2, #C8D7DD, #A8BFC5, #916776, #312A2C)

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