Worn Courtyard color palette — #FFF0FC · #E7D7D7 · #E49AAA · #9B655F · #5F2A0A

Ballet Pink and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Silver (#E7D7D7): a clean, paper-quiet neutral.
• Ballet Pink (#E49AAA): A luminous, balanced red — the color of late-summer berries.
• Mocha (#9B655F): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#5F2A0A): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Wandering Garden color palette (#F3F4FF, #E6D4E4, #CAA3D0, #915E7F, #5C2739)
• Weathered Bronze color palette (#FFF1F1, #E2D9D0, #D8A281, #8D6A38, #4E3F00)
• Aged Garden color palette (#F9F2FF, #CFB6D9, #AD6F74, #903D3D, #762F20)
• Muted Coast color palette (#FFEEF2, #FF918E, #C75922, #6D3700, #1A0E00)
• Taupe Garden color palette (#FFF4E2, #FFCBE8, #CE8F8A, #537E61, #503835)
• Pale Ember color palette (#FFF1F6, #FFC0C6, #EF564A, #9A4000, #372000)
• Dusty Field color palette (#FFF2F0, #E1D9D0, #C7C0A8, #899480, #435246)
• Quiet Tangerine color palette (#FFDDD9, #F86C00, #874F00, #3E2900, #030200)

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