Weathered Courtyard color palette — #F3EEE4 · #D1CCBE · #A5A18E · #685200 · #362C1A

A conversation between Coffee and Espresso, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3EEE4): a clean, paper-quiet neutral.
• Oat (#D1CCBE): a calm mid-gray that lets other colors speak.
• Taupe (#A5A18E): A luminous, dusty green — the color of new leaves after rain.
• Coffee (#685200): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#362C1A): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

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

• Dusty Pewter Parlor color palette (#F8F5EE, #D6DBD0, #B6B4A1, #6C6530, #3E3A30)
• Weathered Fern Balcony color palette (#F2F0E8, #BCBAA7, #8F9076, #454900, #251F08)
• Ancient Olive Hollow color palette (#DAE6CA, #799A73, #596D2C, #155266, #19463A)
• Ancient Spruce color palette (#E4E9DF, #949D90, #637761, #003425, #050C00)
• Softworn Amber color palette (#E9F1EB, #C3D8D7, #9FC2C3, #B18E0B, #263129)
• Chalky Garden color palette (#EDDDB7, #827A00, #3D5600, #003B3D, #242700)
• Washed Mustard color palette (#F9F2DB, #CFA400, #908D00, #4E7A00, #1F2200)
• Obsidian Dune color palette (#F1EDD6, #525B00, #2B393D, #1D1B00, #0C0900)

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