Softworn Courtyard color palette — #FCF3F1 · #EACAB2 · #9D6E7C · #68413D · #372725

Mocha and Cocoa set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Wheat (#EACAB2): A whisper-light, dusty gold — the color of old brass.
• Mocha (#9D6E7C): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#68413D): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#372725): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Washed Balcony color palette (#FAF2FD, #D7DACD, #A77682, #4E4053, #1F1921)
• Tempered Bronze Delta color palette (#FDF3EA, #DFBE92, #986436, #5C391A, #292017)
• Worn Coral Pier color palette (#FBF3F1, #F3C5B7, #CD8961, #D16670, #332C28)
• Muted Pewter color palette (#FEF2F2, #BEC692, #7A4D6C, #4B3032, #2C221D)
• Ancient Straw color palette (#F7F3FE, #DDE4A7, #BA8FAD, #716781, #2D2934)
• Timeworn Pine color palette (#FCF4E7, #DAB698, #AE8C55, #3D7F50, #4C4741)
• Timeworn Amber color palette (#F8E5D8, #BF8533, #6F3100, #2F1100, #060100)
• Muted Orchard color palette (#FDF2F5, #A98EC2, #3A9E95, #00769D, #3E2B39)

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