Weathered Courtyard color palette — #FEF1F8 · #EFD3D2 · #C8A1B7 · #926D87 · #4F3741

Slate and Mauve set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Bone (#EFD3D2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mauve (#C8A1B7): A luminous, dusty pink — the color of a candy shop window.
• Slate (#926D87): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal (#4F3741): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Sophistication, Grounding. Tagged earthy, warm, 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

• Driftwood Dune color palette (#FFF1F5, #CDEBE2, #CD9FAF, #977155, #344437)
• Hushed Stone color palette (#FCF2F8, #F7CCDB, #DDA892, #A388A3, #3D4C40)
• Washed Taupe color palette (#FFF0F9, #F7D0E4, #C58F7B, #8F5B51, #432835)
• Tempered Violet Atelier color palette (#F1F5FF, #DCD7E3, #BCACE7, #885DAB, #582865)
• Chestnut Loft color palette (#FFF2EA, #D9AD91, #A17560, #884C28, #683C00)
• Washed Bronze color palette (#FEEEE5, #DAB28F, #AF724A, #6B5149, #332B1D)
• Washed Villa color palette (#EAFAF0, #BEE5E4, #92B9A2, #62846B, #2C453C)
• Ancient Bronze color palette (#E9F9F9, #97D3B6, #D8A081, #A07B37, #203637)

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