Timeworn Courtyard color palette — #F2F5FF · #F7D3E3 · #DA95C2 · #A6707C · #5B4557

Mauve and Mocha set the tone — five colors that lean into creativity and warmth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Shell Pink (#F7D3E3): A whisper-light, dusty rose — the color of a warm blush.
• Mauve (#DA95C2): A luminous, balanced pink — the color of a candy shop window.
• Mocha (#A6707C): A luminous, dusty red — the color of late-summer berries.
• Charcoal Brown (#5B4557): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Powder Harbor color palette (#EDF7FF, #DCD7E8, #B3A8ED, #9778A0, #584C63)
• Softworn Lantern color palette (#FFF1F6, #CAAAD1, #B0729D, #974763, #6B493D)
• Wandering Basin color palette (#FFF0F8, #E5E7C5, #C9A0B6, #867386, #35433C)
• Ancient Seafoam Delta color palette (#F9F2FF, #FBD1CF, #91E0B7, #C185A0, #284E4E)
• Stone Lantern color palette (#FDF0FF, #E9DAD8, #DD99AB, #855668, #332139)
• Sunlit Ember color palette (#FFF0FB, #FF99B6, #DA5D54, #85401E, #402A00)
• Amber Villa color palette (#FFF1F6, #FFCBC7, #DF8259, #996933, #18422F)
• Tempered Villa color palette (#FFDBFB, #FF6FC1, #DD3662, #732600, #291300)

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