Worn Courtyard color palette — #FFF0F8 · #C39EC7 · #9E7D79 · #756113 · #415141

Olive takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Mauve (#C39EC7): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#9E7D79): A luminous, dusty orange — the color of sun-warmed clay.
• Olive (#756113): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#415141): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Fern Workshop color palette (#FFDEF8, #D2AAB4, #A2837D, #57651F, #323C00)
• Softworn Blush color palette (#FFE4F3, #E7919A, #9B725E, #4F6829, #005357)
• Chestnut Station color palette (#D9FFF2, #A9B4E4, #A77A8A, #85551C, #475000)
• Olive Balcony color palette (#FFF1F4, #E6BCB7, #AB9186, #6B742E, #3F534A)
• Ancient Driftwood Loft color palette (#EDF5FF, #BFC1DB, #A79AB0, #5C8285, #365659)
• Washed Veranda color palette (#EAD7F3, #D768B3, #AC4F5A, #3C5A21, #004D39)
• Wisteria Courtyard color palette (#EFE5FF, #C481D8, #A85E9C, #7E456A, #623B38)
• Feathered Wisteria Boulevard color palette (#FFF1F2, #D37EBC, #549C6A, #8A4D79, #254C31)

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