Pewter Field color palette — #F9EFED · #DED6CD · #C4BBAD · #9B6368 · #332A27

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

The five colors

• Cream (#F9EFED): bright and airy, almost weightless.
• Bone (#DED6CD): a clean, paper-quiet neutral.
• Stone (#C4BBAD): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#9B6368): A full-bodied, dusty red — the color of late-summer berries.
• 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 Pewter Field 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

• Softworn Pewter Meadow color palette (#F8F3F9, #E1D7D9, #CEB9BA, #9C616A, #4E444F)
• Hushed Chestnut color palette (#F5F1EA, #D4DAC6, #BDB7A0, #74632C, #261F13)
• Aged Field color palette (#FFEEE6, #F1D0C1, #FF9B8B, #BC7D4F, #3A1F0D)
• Terracotta Corridor color palette (#FAEFEA, #E7CEBE, #C0A68F, #A02C05, #26160D)
• Rust Summit color palette (#F3DDD0, #C14919, #36302B, #1E130C, #0A0504)
• Washed Drift color palette (#FFEEE2, #DAB592, #A07C3A, #57621B, #293D00)
• Bronze Corridor color palette (#EBE0D6, #9D8A73, #8A6321, #412000, #030100)
• Basalt Coast color palette (#E5E1D6, #BAB39A, #918F75, #4C4400, #100A00)

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