Pewter Villa color palette — #F4F4FC · #CDB4E6 · #A1714C · #7B5F94 · #37292F

A conversation between Slate and Mocha, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F4F4FC): bright and airy, almost weightless.
• Lavender (#CDB4E6): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#A1714C): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Slate (#7B5F94): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#37292F): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

Use it as a design system

One click turns Pewter Villa 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

• Timeworn Plum Courtyard color palette (#F7F3FA, #CDB6DC, #838143, #9A5270, #22322A)
• Softworn Studio color palette (#F9EFF0, #DCB4DB, #AC7261, #9A519A, #1F130C)
• Dusty Wisteria color palette (#F5F4FA, #E9C3E8, #D3846E, #B76CB7, #392734)
• Ash Summit color palette (#E1FCF4, #BC98CB, #996960, #256273, #4C4356)
• Chestnut Alley color palette (#F7F2FF, #D1A9C9, #B37179, #844F2A, #594500)
• Pine Meadow color palette (#FAF2FB, #E692A4, #338149, #904356, #0B2A28)
• Wandering Alley color palette (#F6F4FB, #E0D8DA, #B0ABA1, #887B9A, #545158)
• Wandering Aubergine color palette (#F5F3FF, #C885D1, #756400, #831F90, #032414)

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