Worn Courtyard color palette — #EAF6E9 · #B4AD7E · #916D40 · #604056 · #0F2822

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

The five colors

• Cream (#EAF6E9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B4AD7E): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#916D40): A full-bodied, dusty gold — the color of honey in a jar.
• Cocoa (#604056): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#0F2822): A deep, shadowed, dusty teal — the color of sea glass.

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

• Softworn Cocoa Boulevard color palette (#FFEBF7, #C5A0AB, #996754, #6C3B45, #13281D)
• Muted Cocoa color palette (#E4F8EA, #87B7A8, #817449, #664325, #012927)
• Weathered Pier color palette (#F8D6E0, #A3996B, #855A25, #5F2E22, #001E17)
• Tempered Driftwood Boulevard color palette (#FEF3E6, #CCBC96, #AF8754, #8F5948, #433F00)
• Mulberry Hollow color palette (#F2F0FB, #D19ED8, #946E15, #85498E, #041206)
• Patina Summit color palette (#F0F1FE, #80C4A8, #604978, #2F1E3F, #0B0B18)
• Hushed Olive color palette (#DBF1DD, #767539, #5A3E00, #3E1400, #010700)
• Dusty Chestnut color palette (#F8EEFB, #B46878, #7D5900, #004550, #1C101E)

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