Softworn Courtyard color palette — #ECF5EC · #B78C46 · #AE6D7B · #814C58 · #19271A

A conversation between Mustard and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#ECF5EC): bright and airy, almost weightless.
• Mustard (#B78C46): A luminous, balanced gold — the color of afternoon light on wheat.
• Mocha (#AE6D7B): A luminous, balanced red — the color of a theater curtain.
• Coffee (#814C58): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#19271A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Cobalt Garden color palette (#FAEEF4, #C08467, #5D85B7, #834B54, #2B1E26)
• Iris Field color palette (#E7F6F1, #889E60, #8776B8, #854D3D, #132722)
• Wandering Mustard color palette (#F9F6E5, #A9B455, #B689B9, #986D75, #3F3D36)
• Plum Cabin color palette (#E5F8E2, #AA6C00, #B7217A, #6D3B00, #1F1000)
• Faded Plum color palette (#E2F7F7, #409A71, #A7518E, #605100, #021F1F)
• Dusty Stone color palette (#F6F6E9, #B0D08C, #A2A7EA, #A56D91, #32322B)
• Wandering Cerulean color palette (#F8EEFA, #91B88A, #348498, #71424A, #173133)
• Hazy Mulberry color palette (#D9EFE5, #787B00, #A13278, #464700, #00150D)

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