Dusty Courtyard color palette — #FCF2F4 · #DAAEE1 · #B06272 · #845C8B · #392A26

Mocha and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FCF2F4): bright and airy, almost weightless.
• Lavender (#DAAEE1): A luminous, balanced pink — the color of neon signs at night.
• Mocha (#B06272): A full-bodied, balanced red — the color of a theater curtain.
• Slate (#845C8B): A full-bodied, balanced pink — the color of peonies in June.
• Espresso (#392A26): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Sophistication. Tagged duotone, 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 Bronze color palette (#FEF2EF, #F7A6B6, #B0674A, #975765, #332C28)
• Driftwood Terrace color palette (#FBF2F7, #B9B9F7, #946BA2, #67669D, #362A2D)
• Patina Pewter Cabin color palette (#F8EFF2, #D0B7EA, #AA716E, #80629C, #20120C)
• Blush Market color palette (#FFF2E9, #DD8AB0, #9F646A, #695730, #59413E)
• Hushed Driftwood color palette (#F4F4FD, #DEC4FA, #C28994, #997FB3, #352937)
• Mallow Villa color palette (#FFF1F1, #F2D6DD, #FDB0D8, #BF7C83, #5C413E)
• Driftwood Studio color palette (#FCF2F3, #E3D8D2, #ACAFA2, #9A787B, #575151)
• Washed Pier color palette (#FFF1F4, #9A6BB6, #965047, #2C5B4A, #41303B)

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