Weathered Courtyard color palette — #FCF2F6 · #E2D09C · #9B7453 · #5F444F · #32282C

A conversation between Wheat and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Wheat (#E2D09C): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#9B7453): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal Brown (#5F444F): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#32282C): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Cocoa Boulevard color palette (#FAF4ED, #DFE0CC, #A07E5F, #653B00, #211A13)
• Worn Quarry color palette (#FDF2F5, #F7C794, #61AD91, #AA845B, #233131)
• Dusty Bronze color palette (#F9F4EF, #ECDCB8, #BD9574, #93602B, #34291E)
• Chestnut Terrace color palette (#FDF2F6, #A3CBB4, #7A5535, #4C2E3B, #2E2120)
• Washed Honey Balcony color palette (#E4FBF7, #EFB973, #5A7D50, #214B45, #162523)
• Ancient Studio color palette (#FFF1F5, #D0BF67, #6EA081, #6A6B90, #384D46)
• Mustard Garden color palette (#E9FAED, #E8B125, #836400, #4A3804, #0E1F13)
• Tempered Marigold Harbor color palette (#ECFAEA, #DC9C4B, #7B9ECD, #627C9F, #374035)

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