Worn Pewter color palette — #F8F0ED · #DFD6CD · #C5BCAD · #9F6069 · #332A27

Built around Mocha, softened by Stone — the whole palette hums with sophistication.

The five colors

• Cream (#F8F0ED): bright and airy, almost weightless.
• Bone (#DFD6CD): bright and airy, almost weightless.
• Stone (#C5BCAD): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#9F6069): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#332A27): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Bronze Studio color palette (#F8F0E8, #D7D7CA, #CABDA9, #985A00, #302213)
• Tempered Pewter color palette (#F8F3F9, #E0D8D9, #CBBBB9, #9D5F6E, #4C454E)
• Dusty Villa color palette (#ECDED6, #B45439, #36302B, #20120A, #0B0503)
• Aged Studio color palette (#FDE2C9, #C8B69F, #97896A, #4E6321, #2C3C23)
• Aged Bronze color palette (#E8E0D9, #998B7C, #8B6222, #431E00, #030100)
• Softworn Archive color palette (#F2F3E8, #B0B890, #4E8266, #78480C, #262A15)
• Muted Apricot color palette (#FFEEE6, #FFCFD4, #FF9D88, #C08052, #371A07)
• Coral Lantern color palette (#FFEFDD, #D38473, #8F5E3C, #3A4F0E, #321D10)

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