Muted Courtyard color palette — #FAF2FB · #C5C393 · #7C5055 · #433145 · #2C2125

Pistachio and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Pistachio (#C5C393): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#7C5055): A full-bodied, dusty red — the color of embers at dusk.
• Charcoal (#433145): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#2C2125): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

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

• Timeworn Taupe color palette (#FDF2F0, #E3E1B1, #C58D93, #82655E, #322926)
• Hushed Basalt color palette (#FBEFEA, #DBBDA1, #82534E, #551D00, #1E100A)
• Ancient Summit color palette (#FAF3F8, #F0C2D4, #A36D66, #61415C, #312830)
• Washed Driftwood Villa color palette (#F9F3F8, #D6B3D3, #72864E, #965959, #1F322D)
• Hushed Chestnut Field color palette (#ECF9EF, #C4AB79, #674D00, #173620, #071F1C)
• Garnet Thicket color palette (#FFF0FA, #B4A245, #7C2810, #451406, #251420)
• Obsidian Fern Thicket color palette (#E8DDE7, #696000, #382718, #2F0002, #090000)
• Bronze Boulevard color palette (#DAF8E6, #8C6400, #46393A, #231D00, #060400)

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