Timeworn Courtyard color palette — #F7F6EB · #BBC5AB · #6A8B6C · #7D5D5A · #415612

Built around Deep Olive, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6EB): a clean, paper-quiet neutral.
• Pistachio (#BBC5AB): A luminous, dusty green — the color of new leaves after rain.
• Fern (#6A8B6C): A luminous, dusty green — the color of new leaves after rain.
• Pewter (#7D5D5A): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Olive (#415612): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Patina Villa color palette (#F8F5EA, #ADB492, #308377, #6B5801, #404800)
• Aged Market color palette (#F4F7E8, #CAE6DC, #A0CED3, #958356, #3D5615)
• Bronze Villa color palette (#F6F6EC, #CDD6B4, #63AC93, #A4713C, #485407)
• Lagoon Station color palette (#E8F5F2, #A0CECB, #51917C, #765763, #203634)
• Muted Forest Cabin color palette (#F0FADD, #BECCA3, #4D906B, #006441, #1F452D)
• Washed Lantern color palette (#FBF3F1, #CFE3DE, #68A2BC, #497C58, #5E4B5E)
• Patina Olive color palette (#F6F6EB, #9CBA8D, #BA83B3, #4C8328, #674146)
• Cypress Pier color palette (#FBF4EA, #90A375, #2A7251, #5A491A, #36362F)

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