Timeworn Courtyard color palette — #F1ECDA · #90AD88 · #34886F · #664858 · #4E362F

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1ECDA): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#90AD88): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#34886F): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#664858): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal (#4E362F): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Timeworn Cocoa Villa color palette (#F3F4D7, #A8B68C, #4E8D8B, #795763, #733A13)
• Hushed Delta color palette (#DCF6E2, #43AB98, #007B93, #6C3D61, #672337)
• Cypress Market color palette (#F4F7EA, #6BAA90, #007368, #5F4620, #293D00)
• Tempered Bronze Veranda color palette (#FFDDBE, #AD9B72, #82782E, #345874, #5B3D52)
• Worn Oat Pier color palette (#C7F2EA, #A5D6D2, #7FADB1, #688396, #384B60)
• Petrol Canyon color palette (#D0ECEB, #73A2B9, #486AAE, #6B3A3C, #562D00)
• Muted Lagoon Hollow color palette (#DFE5D3, #508F60, #006A63, #3F3057, #3A1532)
• Washed Plum Studio color palette (#ECF1E1, #48B57B, #A7338D, #00683D, #4C2642)

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