Dusty Courtyard color palette — #FCF2F7 · #AFEED5 · #9F96C9 · #816371 · #32282D

A conversation between Mauve and Mint, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Mint (#AFEED5): A whisper-light, dusty teal — the color of sea glass.
• Mauve (#9F96C9): A luminous, dusty violet — the color of a velvet chair.
• Pewter (#816371): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#32282D): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Dusty 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 Coast color palette (#FFF2EF, #CAE099, #C77B89, #7F584F, #2B1E1B)
• Driftwood Studio color palette (#FEF2F3, #E2DCD0, #9D7799, #5B3C41, #231819)
• Seafoam Cabin color palette (#FFF1F4, #6AEE97, #B26AD2, #6F4B7F, #2B1119)
• Weathered Pewter color palette (#F1F1F8, #9ECFC4, #6C587B, #2F2C4D, #13131C)
• Mallow Coast color palette (#FFF1F2, #E0A6EA, #62BCA6, #64998B, #28342C)
• Ancient Oat Orchard color palette (#FCF2F2, #E0DAD1, #DAC5A0, #AFB5A9, #5B4F4F)
• Softworn Mallow color palette (#F9F6DF, #EFBDF1, #DA9E87, #6195A6, #554241)
• Stone Corridor color palette (#FCF2F5, #F0D0FF, #D9AE80, #BD9DCD, #322D27)

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