Weathered Courtyard color palette — #E9F9F5 · #BB99C7 · #A56354 · #256271 · #4C4453

A conversation between Walnut and Mauve, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E9F9F5): a clean, paper-quiet neutral.
• Mauve (#BB99C7): A luminous, dusty pink — the color of neon signs at night.
• Walnut (#A56354): A full-bodied, balanced orange — the color of autumn markets.
• Peacock (#256271): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#4C4453): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, muted.

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

• Bronze Summit color palette (#EAFAEE, #D4939D, #91722B, #405985, #54414E)
• Ancient Plum Ridge color palette (#E5FAFB, #92A5E2, #A45B84, #2C6651, #43465B)
• Wandering Mallow color palette (#EAFAED, #ECA6C1, #BF806F, #43797B, #514253)
• Pine Atelier color palette (#F5F4FC, #B085BD, #458144, #1C5B75, #333D5A)
• Taupe Study color palette (#F4F4FF, #D2C1D5, #87A285, #63717F, #4B4E5D)
• Blush Delta color palette (#FAF0E1, #E28EAF, #9D695C, #445B1A, #382723)
• Pale Peony color palette (#DAFFEF, #D84FAA, #8E4D00, #004B6A, #56222B)
• Petal Courtyard color palette (#FBF5E4, #F0BEE4, #D3A094, #5A96A8, #57423F)

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