Worn Courtyard color palette — #F9F0E7 · #D1B697 · #A07A59 · #7E4918 · #352A1B

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

The five colors

• Cream (#F9F0E7): bright and airy, almost weightless.
• Sand (#D1B697): A luminous, dusty gold — the color of old brass.
• Mocha (#A07A59): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7E4918): A full-bodied, balanced gold — the color of old brass.
• Espresso (#352A1B): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Aged Driftwood Hollow color palette (#FFEDEA, #E8AEB5, #B96969, #844135, #491902)
• Hushed Bronze Station color palette (#FEF3E9, #DFDFC0, #CEA585, #A86847, #4F3D00)
• Worn Coast color palette (#EEE4D0, #92883D, #665300, #402E00, #130E00)
• Wandering Stone color palette (#FFF1F7, #CFB488, #987484, #6B5666, #3A4D42)
• Bronze Lagoon color palette (#F6E7D1, #B89D4C, #896400, #5D3B00, #251A00)
• Cocoa Boulevard color palette (#F0E1D7, #A05F31, #702C00, #430C00, #0B0300)
• Dusty Driftwood color palette (#FBEFE9, #C48171, #7E8A48, #3D6A45, #2D1F17)
• Patina Pewter Meadow color palette (#F9EFF1, #E2B9A4, #794F80, #46262D, #1A1113)

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