Pewter Ridge color palette — #F8F0EE · #DDD6CE · #C7BDA6 · #9A636D · #342927

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

The five colors

• Cream (#F8F0EE): a clean, paper-quiet neutral.
• Bone (#DDD6CE): a clean, paper-quiet neutral.
• Stone (#C7BDA6): A luminous, dusty gold — the color of old brass.
• Mocha (#9A636D): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#342927): quiet, heavy and certain.

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

Use it as a design system

One click turns Pewter Ridge 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 Atelier color palette (#F8F0E9, #D7D8C9, #CDBE95, #9A5900, #2C231A)
• Washed Alley color palette (#F8F3FA, #E4D7D9, #B4C8C2, #976372, #4B464D)
• Patina Meadow color palette (#FFE7DD, #D1B9A8, #927E4F, #416147, #284037)
• Ancient Lagoon color palette (#F3F3E8, #B0B894, #29876A, #6C4B49, #262A14)
• Weathered Rust color palette (#F6E1D5, #B0573F, #35302B, #20120A, #0B0504)
• Patina Taupe Archive color palette (#FBF3F2, #E1DBD1, #A2B7B7, #C48B9E, #463C3B)
• Tempered Loft color palette (#EEE2DE, #AF9B90, #997355, #690419, #0D0100)
• Brick Corridor color palette (#FEEEE7, #E2D0C2, #C5A582, #A81A0E, #26150D)

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