Pewter

Pewter is a sophisticated, medium-dark gray that mirrors the classic metal alloy. It sits on the cooler side of the spectrum, often carrying a subtle, calming presence.

The specific shade #8E9294 leans into this coolness with a slight blue-green undertone, giving it a complex character that avoids the starkness of a neutral gray.

The color Pewter communicates a sense of balance and sophistication, often associated with feelings of calm and stability.

Drawing from its metallic origins, it symbolizes strength, maturity, and an understated, timeless quality.

In UI design, Pewter (#8E9294) serves as a sophisticated neutral that pairs well with crisp whites for a clean look or deep charcoals for a grounded feel. For a more complex palette, consider combining it with muted blues, soft greens, or a surprising accent of warm ochre to add character without overwhelming the interface.

While not a widely used primary brand color, its rarity is its strength. Companies like Typefully and Linear employ similar refined grays to build their focused interfaces. Choosing Pewter can signal a modern sensibility and help a product stand apart from competitors who rely on more common palettes.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview how Pewter looks in the real UI components of top brands.

Using the Pewter hex code, #8E9294, is straightforward in any digital design tool. Just copy and paste it into the color picker of your software to apply it directly to your elements. This is the quickest way to get started with Pewter on any screen-based project.

For different applications, you'll need to convert that hex code. RGB values define the color for digital displays, while CMYK is crucial for print projects, specifying the ink mixture. Other models like HSL (Hue, Saturation, Lightness) or LAB provide more intuitive ways to make adjustments for specific design requirements.

To simplify your workflow, we've converted #8E9294 into a range of popular formats. You can find and copy these values for your projects directly below.