Dusty Courtyard color palette — #F7F6E7 · #B5B287 · #B286BB · #5A8111 · #654149

Built around Olive Leaf, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Sage (#B5B287): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#B286BB): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#5A8111): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#654149): A full-bodied, dusty red — the color of embers at dusk.

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

• Tempered Archive color palette (#F1F8EA, #83BEA9, #B587B0, #008669, #60415D)
• Ancient Bronze color palette (#FBF4EA, #C6AB82, #8B94CC, #956911, #634058)
• Wandering Plum Atelier color palette (#F3F8E6, #71A77B, #8F7DBE, #A15992, #42433C)
• Olive Basin color palette (#E6F6F2, #9CC088, #4EA7D3, #548039, #163448)
• Muted Emerald Meadow color palette (#F5F7E8, #AED0A2, #70BBE6, #6D9B5C, #2E5648)
• Worn Bronze color palette (#FDF3EB, #C8B59A, #A87340, #824E42, #594500)
• Amber Coast color palette (#EBFAE9, #64AFAA, #C36F5B, #007571, #673023)
• Wandering Basalt Drift color palette (#F2F7F0, #DCB89B, #4E6647, #294021, #192A23)

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