Muted Courtyard color palette — #FFF1F2 · #CF9DC0 · #B27F9F · #617B30 · #331F2C

A conversation between Olive and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#CF9DC0): A luminous, dusty pink — the color of neon signs at night.
• Dusty Rose (#B27F9F): A luminous, dusty pink — the color of a candy shop window.
• Olive (#617B30): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#331F2C): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Antique Study color palette (#FEF2F0, #DA9AAB, #CA8184, #007E6A, #361F24)
• Antique Pine color palette (#FDF2F2, #EBBADC, #B789AA, #407B3C, #502C33)
• Timeworn Olive Terrace color palette (#FCF1FA, #A9BDEA, #A77DB5, #7B7005, #301F2E)
• Tempered Mallow color palette (#FFF1F3, #CC9BCB, #654F48, #362629, #140D11)
• Aged Iris color palette (#F1F5FF, #8A79C8, #6F7028, #53541E, #233436)
• Softworn Bronze color palette (#FFF2EC, #EC9A85, #B77244, #006670, #28130E)
• Apricot Atelier color palette (#F2F5FF, #BCB5FD, #DA9549, #6C9E6E, #24343E)
• Chalky Courtyard color palette (#FFF2F0, #F967A5, #C42B5C, #00633E, #1B0424)

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