Softworn Courtyard color palette — #FFF1F2 · #E8A6BC · #B26D6E · #8F5640 · #534D47

Mocha takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Ballet Pink (#E8A6BC): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#B26D6E): A luminous, balanced red — the color of embers at dusk.
• Walnut (#8F5640): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal Brown (#534D47): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged 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

• Terracotta Ridge color palette (#F8EDFF, #DB9FA7, #BB7274, #8C4332, #4D2E41)
• Wandering Orchard color palette (#FFE9E6, #E6AA9D, #A97147, #795B2E, #624B00)
• Coral Orchard color palette (#F6F3FF, #FFC3D7, #F7958E, #C48766, #41543F)
• Washed Amber color palette (#F5DEE0, #DD7A5B, #945400, #604C00, #384000)
• Washed Bronze color palette (#F2E2DE, #B75C00, #5F4300, #3B3000, #1B2400)
• Cocoa Summit color palette (#FFF2EC, #C98373, #4C95A8, #4A759B, #69300A)
• Dusty Coast color palette (#FAD7FF, #89DEFF, #FF99C7, #514A46, #3D3433)
• Weathered Cabin color palette (#FBE6D9, #B88200, #6E6E00, #2F4A00, #003E29)

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