Pewter Pier color palette — #F9EFF0 · #DFD5CF · #C4BBAF · #91686F · #33292B

Mocha takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#F9EFF0): a clean, paper-quiet neutral.
• Silver (#DFD5CF): a clean, paper-quiet neutral.
• Stone (#C4BBAF): a calm mid-gray that lets other colors speak.
• Mocha (#91686F): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#33292B): quiet, heavy and certain.

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

Use it as a design system

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

• Ancient Pewter color palette (#F5F4FB, #E0D8DC, #CFB9BC, #756E94, #48464F)
• Patina Bronze Boulevard color palette (#FFE2E5, #D3A9A0, #AA7941, #506152, #2D3C2E)
• Ancient Olive Dune color palette (#F9F0E3, #B4B887, #5D814E, #654D58, #2C2713)
• Worn Balcony color palette (#F3E6E0, #D5C9BE, #AFA28B, #88382A, #20120A)
• Aged Delta color palette (#F6E4E5, #B89790, #A96A47, #5F0251, #0B0203)
• Wandering Plum color palette (#F6DFDC, #B94577, #522000, #201210, #0B0505)
• Timeworn Workshop color palette (#FFEDEB, #E5D5FF, #FFA0CF, #CC835C, #351B15)
• Wisteria Lantern color palette (#F7F3DA, #BF81CC, #A14D51, #005151, #35191B)

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