Timeworn Courtyard color palette — #F8F6E6 · #ABB871 · #CC8082 · #6F7844 · #654438

Sage takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F6E6): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#ABB871): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#CC8082): A luminous, balanced red — the color of a theater curtain.
• Walnut (#6F7844): A full-bodied, dusty green — the color of fresh herbs.
• Cocoa (#654438): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

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

• Washed Mint color palette (#F1F9E7, #67C59F, #BA8F62, #398266, #524C46)
• Weathered Workshop color palette (#FDF4E3, #C6AE69, #54A9A2, #82713F, #40533C)
• Wandering Olive Terrace color palette (#F4F2E6, #AEBA87, #9D94C5, #6C783D, #442636)
• Weathered Bronze Atelier color palette (#FFF2E9, #D4B092, #AB7144, #874C26, #663D00)
• Patina Fern Garden color palette (#F7F7E0, #CBE8CE, #A9CFB9, #8B8869, #515502)
• Dusty Driftwood color palette (#E6FBF3, #BECC90, #BCA4E1, #869453, #484A6A)
• Hushed Oat Boulevard color palette (#F7F8D7, #AAD497, #678A54, #3D572E, #383831)
• Teal Archive color palette (#EDF9EB, #00B8AA, #8280C5, #00766D, #58354B)

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