Pewter Pier color palette — #F8F0EE · #DDD8CD · #C0BFAB · #9A6271 · #352927

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

The five colors

• Cream (#F8F0EE): a clean, paper-quiet neutral.
• Bone (#DDD8CD): bright and airy, almost weightless.
• Stone (#C0BFAB): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#9A6271): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#352927): a grounded near-black with real depth.

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

• Driftwood Ridge color palette (#FFE3E4, #D8B6A8, #95875C, #6B5666, #402D3C)
• Weathered Lagoon color palette (#F5F1EB, #D3D8CD, #B3BC9E, #845C00, #251F17)
• Worn Ridge color palette (#F8F3FA, #E7D7D9, #BBCDC8, #B37E8B, #4C454E)
• Lagoon Coast color palette (#F5F2E4, #AFB992, #06877D, #71474C, #262919)
• Aged Rust Dune color palette (#F0DCD3, #B3553E, #34302A, #221107, #0B0504)
• Wandering Orchard color palette (#EFE4DD, #958C7F, #657146, #491900, #030100)
• Muted Brick Corridor color palette (#FAEFEB, #E5CFBA, #BAAA81, #AD0019, #2A1309)
• Softworn Basalt color palette (#E9E4D9, #B5B4A1, #859376, #534100, #110900)

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