Pewter
Meet Pewter (#8E9294), a sophisticated gray that strikes a perfect balance between warmth and coolness. Its subtle metallic undertone gives it a unique depth, making it a versatile and grounded choice for any modern design palette, distinct from typical flat grays.
What color is 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.
What is the meaning of the color Pewter (#8E9294)?
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.
How can I use Pewter in my UI design?
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 Pewter color codes
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.
Analogous
Analogous colors for Pewter are its neighbors on the color wheel. This combination creates a harmonious and serene palette, perfect for cohesive designs.
Complementary
Complementary colors are opposites on the color wheel. When paired with Pewter, they create a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme creates a vibrant yet balanced look by pairing Pewter with the two colors adjacent to its direct complement.
Triadic
Triadic color schemes use three hues evenly spaced on the color wheel. With Pewter as a base, this creates a vibrant, high-contrast palette.
Tetradic
Tetradic color schemes use two pairs of complementary colors. For Pewter, this creates a four-color palette offering balanced yet dynamic visual interest.
Square
A square color scheme uses four colors evenly spaced around the color wheel. Based on Pewter, this combination creates a vibrant and high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Pewter, made by adding black for a weightier feel.
Tints
Tints of Pewter are created by adding white, which produces lighter and softer variations.
Tones
Tones of Pewter are created by adding gray, resulting in softer, less saturated variations.
Hues
Hues are variations of Pewter that differ in intensity, affecting the color's overall mood.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.





























































































































