Dusty Courtyard color palette — #E5F7ED · #9EB488 · #7F763A · #62414D · #112727

Walnut and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E5F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9EB488): A luminous, dusty green — the color of fresh herbs.
• Walnut (#7F763A): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#62414D): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#112727): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Dusty 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 Bronze Harbor color palette (#FFEBF8, #CBA378, #9F6350, #58435E, #15271D)
• Worn Moss color palette (#CFE7D8, #88A459, #726426, #563040, #001D1C)
• Dusty Lagoon color palette (#E7FBF1, #A6AC81, #777546, #5D511E, #25443B)
• Ancient Atelier color palette (#FEECF4, #A2C6A8, #9B7788, #664F65, #1F3029)
• Hushed Bronze color palette (#FCF5E1, #B4C698, #9D8E66, #896020, #3B4200)
• Pale Coral Studio color palette (#FFE6F1, #F7968C, #9D672F, #564F00, #062A00)
• Mint Courtyard color palette (#F4EFFF, #94C382, #753E6B, #2A2239, #0E0A14)
• Olive Loft color palette (#F4F0F7, #EC93BD, #767C00, #91496C, #02120C)

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