Muted Courtyard color palette — #F9F4EE · #D9DBD3 · #BBC2B2 · #966B2D · #633F00

A conversation between Ochre and Bronze, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#D9DBD3): a clean, paper-quiet neutral.
• Stone (#BBC2B2): A luminous, dusty green — the color of a quiet forest floor.
• Ochre (#966B2D): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#633F00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Washed Olive color palette (#F6F6ED, #D0DFD2, #B6C0AD, #577633, #464200)
• Ancient Bronze color palette (#F6F1EC, #D6D9D0, #B5C0B5, #946C3E, #332A20)
• Antique Harbor color palette (#F7F5EE, #D7DBD5, #A3AFB1, #858558, #55524A)
• Dusty Driftwood Meadow color palette (#EFE9E0, #B0A995, #898239, #473400, #1A1206)
• Weathered Veranda color palette (#F7F6E8, #95BB98, #428268, #7F4C16, #404800)
• Muted Abyss color palette (#E6EBE0, #B2BDAF, #819484, #005237, #1B230C)
• Chalky Mustard Corridor color palette (#FCF4E3, #FFD2B2, #C3B34C, #559551, #434116)
• Weathered Amber color palette (#FFF4E2, #B9903F, #60722C, #204F81, #403D36)

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