Worn Courtyard color palette — #F6F2DF · #B0BB76 · #AE8DC2 · #6F773F · #432730

Built around Sage, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Cream (#F6F2DF): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#B0BB76): A luminous, balanced green — the color of new leaves after rain.
• Mauve (#AE8DC2): A luminous, balanced violet — the color of wild irises.
• Walnut (#6F773F): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#432730): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Dusty Marigold color palette (#FAF0E3, #D5AC65, #76A0CF, #896D3D, #3C293E)
• Ancient Blush color palette (#ECF5E5, #70C7AA, #CB83A0, #32826A, #452825)
• Tempered Garden color palette (#F8F6E6, #A9B87E, #C38783, #6C7A3B, #773920)
• Dusty Moss color palette (#E6FBF3, #BFCB9A, #C5A3D2, #869549, #4C486A)
• Antique Villa color palette (#F5F3DB, #8BA94E, #A47CB1, #8B6A95, #2A2814)
• Muted Bronze color palette (#FBEFE7, #CEB799, #AD7347, #6F4F46, #302C1F)
• Dusty Basalt color palette (#F8F2DA, #BBF5F6, #A7DCD9, #A3896E, #373B00)
• Muted Meadow color palette (#E8FAF4, #D5F39E, #D8BEF9, #90A26C, #42435F)

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