Timeworn Courtyard color palette — #F2F7EC · #B9CCA4 · #E099B2 · #00A57D · #67423E

Fern takes the lead with Ballet Pink close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Pistachio (#B9CCA4): A whisper-light, dusty green — the color of a quiet forest floor.
• Ballet Pink (#E099B2): A luminous, balanced rose — the color of strawberry cream.
• Fern (#00A57D): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#67423E): A full-bodied, dusty orange — the color of sun-warmed clay.

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

• Tempered Moss Lantern color palette (#F9F5E7, #C5C89C, #CA9ED8, #8F923B, #67404A)
• Dusty Cerulean Harbor color palette (#EDF8F1, #91D0E2, #E399A5, #009CBA, #694138)
• Seafoam Lantern color palette (#F0F9E9, #84ECCD, #F1B0D3, #75B8A3, #644343)
• Worn Villa color palette (#E7F9FB, #71C2A9, #CB7CA0, #2E836C, #564562)
• Timeworn Garden color palette (#EFF7F4, #F4C5B7, #4E85A1, #2E5647, #222F29)
• Wandering Taupe Station color palette (#F1F8E9, #F3D3E8, #BCE0EC, #98AB81, #435245)
• Worn Fern color palette (#FAF5E8, #CECCAE, #A59C6E, #926C48, #404F02)
• Airy Blush Basin color palette (#E4FDE6, #00C6CB, #FE5680, #00888C, #6D0C2C)

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