Weathered Courtyard color palette — #DFDBF4 · #A165A8 · #567F0D · #6A0075 · #0B1600

Royal Purple and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#DFDBF4): A whisper-light, dusty violet — the color of wild irises.
• Dusty Rose (#A165A8): A full-bodied, balanced pink — the color of a candy shop window.
• Olive Leaf (#567F0D): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#6A0075): A deep, shadowed, vivid pink — the color of peonies in June.
• Ink (#0B1600): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Muted Mulberry color palette (#EDE6FF, #AE5CA4, #007E60, #770070, #00170F)
• Plum Summit color palette (#E6DCF3, #A43F81, #006A3C, #620048, #000B03)
• Aubergine Workshop color palette (#DFE5F8, #7B6FCD, #736F00, #4A00B6, #141300)
• Mulberry Meadow color palette (#F2D6DA, #DA85DA, #789200, #861989, #242D00)
• Airy Cabin color palette (#F7E3FA, #C4556B, #007D6D, #850032, #001712)
• Dusty Aubergine Harbor color palette (#DCDBF7, #A05CC3, #00778D, #6D0093, #002F39)
• Plum Terrace color palette (#F7EDFE, #CF8DA8, #40A182, #A9296C, #003022)
• Washed Quarry color palette (#F6EBFD, #8C9447, #63133F, #280015, #030007)

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