Weathered Courtyard color palette — #FFF0F9 · #9C99F0 · #22B563 · #219C7D · #482F3E

Clover takes the lead with Wisteria close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Wisteria (#9C99F0): A luminous, balanced violet — the color of twilight just after sunset.
• Clover (#22B563): A luminous, vivid teal — the color of glacier melt.
• Fern (#219C7D): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#482F3E): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Gentle Jade color palette (#FFF1F3, #CA8BC8, #3EB07D, #00928E, #493034)
• Faded Moss Villa color palette (#FFEFFF, #67A6FC, #83A81A, #69954F, #423142)
• Faded Lime color palette (#F4F4FF, #D4A4F1, #96B85F, #67A367, #2A2740)
• Weathered Lilac Lantern color palette (#FFF1F7, #A58DE6, #009FC3, #43739F, #412B36)
• Worn Peony color palette (#FFE3E5, #EF52CC, #00A2B0, #008AB2, #4A2327)
• Antique Magenta color palette (#F0D4EF, #E000E7, #009676, #00767D, #39103A)
• Chalky Study color palette (#F4F4FF, #AD66C9, #A46F03, #247677, #37344D)
• Mallow Loft color palette (#FFF1F4, #E1A3F4, #EE9B95, #7CA9DB, #4C2E36)

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