Pewter Courtyard color palette — #EFF6FF · #C5D8FE · #A8A2D2 · #9F6079 · #5B2B31

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Powder Blue (#C5D8FE): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#A8A2D2): A luminous, dusty violet — the color of wild irises.
• Mocha (#9F6079): A full-bodied, balanced rose — the color of a warm blush.
• Cocoa (#5B2B31): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Sophistication. Tagged vintage, retro, 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

• Cocoa Workshop color palette (#DADCFF, #BE98C7, #97587F, #6E2500, #231000)
• Antique Driftwood color palette (#F3F4FF, #E7D4E7, #B8A9CB, #9F7260, #61424F)
• Weathered Chestnut Boulevard color palette (#F2F5FF, #CACBF0, #B48AB1, #914F43, #4D2D3F)
• Aged Thicket color palette (#CEEBFF, #88B7EF, #6F7CA7, #714866, #65413D)
• Softworn Terracotta Veranda color palette (#F1F5FF, #B2B3E8, #917FAD, #884654, #480E0A)
• Gentle Sky Lagoon color palette (#B6F5FA, #67B7E9, #77749B, #724B00, #442D00)
• Mallow Study color palette (#FBF1FF, #EBA7DD, #C2789B, #84481B, #432A00)
• Ancient Cabin color palette (#F7D5E5, #8A7293, #803335, #291D00, #010100)

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