Washed Courtyard color palette — #F7F1E8 · #C6BAA1 · #A07C3A · #6B532D · #322B18

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

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Stone (#C6BAA1): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#A07C3A): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#6B532D): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#322B18): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Basalt Studio color palette (#FCF4E8, #D7E2C4, #C0AC80, #977152, #454100)
• Tempered Driftwood color palette (#EBFAEE, #9EC2B1, #947D4A, #784F61, #374D48)
• Fern Chapel color palette (#F0E6CA, #8D944D, #645D00, #413500, #0F1500)
• Hushed Chestnut Lagoon color palette (#F1F3E5, #75A372, #AC7169, #874E16, #222412)
• Dusty Cocoa color palette (#F2E7DB, #8A6C37, #5E3B00, #361B00, #080500)
• Washed Chestnut Delta color palette (#FEECDF, #AA7B56, #853E06, #571A00, #180B00)
• Dusty Cypress color palette (#EDF4ED, #C7C6A3, #1E6E6E, #003939, #0F160F)
• Petrol Study color palette (#ECF4F0, #A2D0B8, #6185B3, #007E9D, #1B121C)

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