Timeworn Courtyard color palette — #FFF0F9 · #BF8973 · #347C84 · #6B4562 · #473B5B

Caramel takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Caramel (#BF8973): A luminous, dusty orange — the color of toasted spice.
• Teal (#347C84): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#6B4562): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#473B5B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Pewter Balcony color palette (#ECF9F3, #9B9C64, #6B6A9D, #694565, #572E3A)
• Worn Harbor color palette (#F7F1E6, #A79D70, #258277, #374783, #3E1B19)
• Hushed Pewter Villa color palette (#FFF1F7, #B6CEC4, #7B9499, #6C697C, #544756)
• Ancient Petrol Coast color palette (#EFF8F2, #BDB281, #399D9C, #6A5CA3, #61342E)
• Hushed Balcony color palette (#D8FEE3, #ABB981, #6E945A, #306F56, #2E5A62)
• Aged Turquoise color palette (#FEF2EC, #FDB29E, #41BDC8, #AC7292, #5C3637)
• Airy Garnet Basin color palette (#E7F8E4, #A16918, #005C7B, #6B1610, #392100)
• Olive Workshop color palette (#E6F7EE, #828131, #2B4141, #1E2C26, #111715)

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