Worn Courtyard color palette — #F7D5D6 · #FF644E · #C54B00 · #834500 · #462900

Built around Watermelon, softened by Terracotta — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F7D5D6): A whisper-light, dusty red — the color of late-summer berries.
• Watermelon (#FF644E): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#C54B00): A full-bodied, vivid orange — the color of toasted spice.
• Bronze (#834500): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#462900): A deep, shadowed, dusty gold — the color of old brass.

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

• Ember Courtyard color palette (#F8D5DB, #FF8B89, #F15200, #A15800, #402900)
• Scarlet Studio color palette (#FEE2EA, #FF5E77, #E5071B, #912B00, #4E2300)
• Worn Ember color palette (#FFEDEA, #FF9F86, #DB5A00, #7C3700, #431F00)
• Hushed Apricot color palette (#FFD3BE, #EB8900, #BD5400, #8F2A1E, #382500)
• Apricot Corridor color palette (#FBDDCF, #E88800, #A16D00, #6E5600, #3D3800)
• Wandering Orchard color palette (#FFDCCA, #F57400, #009AC6, #A54B00, #003344)
• Bronze Atelier color palette (#FCDCD2, #A75100, #633900, #372300, #0C0700)
• Wandering Lime Meadow color palette (#FFF3E9, #FFD06A, #BCC840, #B55D4D, #4B3106)

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