Pewter Courtyard color palette — #F4F4FC · #CFB2E9 · #AD6A4B · #7E5C99 · #372931

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

The five colors

• Ivory (#F4F4FC): bright and airy, almost weightless.
• Lavender (#CFB2E9): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#AD6A4B): A full-bodied, balanced orange — the color of autumn markets.
• Slate (#7E5C99): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#372931): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Pewter 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 Cabin color palette (#F1F5FB, #A2C2F1, #B16270, #486DA6, #342A35)
• Bronze Market color palette (#F7F3F9, #E6AEC2, #9F7500, #99546F, #263128)
• Tempered Driftwood color palette (#FAEEF0, #E2B1DB, #B5687B, #8F5E8A, #1E1310)
• Mallow Grove color palette (#F6F4FC, #F7B9F0, #CD8E7D, #A67CA1, #332A35)
• Patina Bronze Loft color palette (#E6FBF1, #C595C1, #A95F57, #24636D, #4D4355)
• Muted Lagoon color palette (#F4F4FF, #DFAFCF, #BA6C75, #854739, #693A05)
• Patina Lantern color palette (#F6F4FA, #E0D7DB, #B3ABA2, #887A9F, #545159)
• Tempered Bronze Courtyard color palette (#F8F2FE, #B37099, #846300, #00605D, #373543)

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