Weathered Courtyard color palette — #EFF6FF · #C8BDE5 · #9F8897 · #5C7377 · #40515C

Lavender and Heather set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lavender (#C8BDE5): A whisper-light, dusty violet — the color of a velvet chair.
• Heather (#9F8897): A luminous, dusty pink — the color of a candy shop window.
• Slate (#5C7377): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#40515C): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged vintage, 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

• Cypress Quarry color palette (#FCF2F6, #D9DEEF, #849ABD, #407A76, #4D5164)
• Aged Stone Drift color palette (#F8F2FF, #E0AC9C, #749181, #526B83, #4D5063)
• Timeworn Lagoon color palette (#EEF8F3, #99CDC6, #588B91, #6C6173, #3E524F)
• Wandering Bronze Grove color palette (#FFEDED, #DDC7C5, #AD9189, #8A6221, #413E37)
• Softworn Driftwood color palette (#F4EBFF, #BD798C, #587657, #244957, #1C2E47)
• Ancient Pier color palette (#F3F4FF, #D496D3, #AD6780, #865558, #644957)
• Wandering Blush Studio color palette (#FAF2FE, #E395B3, #55AAA0, #956074, #2C545C)
• Muted Blush color palette (#FBF1FF, #D77396, #379A9C, #427A91, #483E4D)

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