Dusty Courtyard color palette — #FCF2F6 · #E3D8D4 · #B5B1A6 · #6E6A73 · #585053

Ash and Pewter set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Bone (#E3D8D4): a clean, paper-quiet neutral.
• Ash (#B5B1A6): soft and architectural.
• Pewter (#6E6A73): a grounded near-black with real depth.
• Charcoal Brown (#585053): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Field color palette (#F3F5FC, #DFD8DD, #B8B4AB, #B0A0BE, #4B4D56)
• Washed Courtyard color palette (#F1F1F8, #DAD4DA, #BEACAE, #8E76AB, #343540)
• Tempered Petal color palette (#F7F7E2, #D4C6FF, #D39CB1, #829272, #544246)
• Wandering Mallow color palette (#FDEDEF, #EC92E0, #8D756F, #5E5152, #262022)
• Worn Mallow Field color palette (#FFF1F5, #DBB4FF, #C6A464, #60947C, #324A2E)
• Grape Quarry color palette (#E7DDE0, #B89C8E, #998572, #7B4B97, #120509)
• Tempered Rust Market color palette (#F5EAE7, #B8B09E, #9E9B77, #A95359, #1E100B)
• Ancient Market color palette (#F6F6EA, #B9ECD0, #A3BF9D, #AB9395, #425510)

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