Dusty Courtyard color palette — #F5F4FF · #97D0D3 · #84648C · #52365A · #221F2E

Slate takes the lead with Charcoal close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Ice Blue (#97D0D3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#84648C): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#52365A): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#221F2E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Petrol Canyon color palette (#F1F5FF, #BFCB9A, #656CA7, #3B3F64, #1C212D)
• Tempered Celadon color palette (#FFF1F5, #B2F9C7, #826A9B, #4D2D39, #170B10)
• Muted Sand Lagoon color palette (#F7F3FE, #F4D086, #BB7DAC, #675E77, #232029)
• Garnet Terrace color palette (#FFF0FE, #AEC677, #A3484B, #720119, #251324)
• Muted Coral Market color palette (#F8F3F9, #E2D8D8, #B9CBC6, #C27587, #4B454D)
• Mulberry Studio color palette (#FFF1F2, #C7AA6E, #763568, #472025, #251A16)
• Amber Station color palette (#E2FDEF, #D59CC5, #B87346, #236999, #48354E)
• Coral Quarry color palette (#FFF0FA, #D5866C, #A36336, #006E74, #312435)

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