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?

What is the meaning of Pewter?

How do I use Pewter (#8E9294) in UI design?

Using Pewter color codes

Pewter

#8E9294

Access our full UI & UX library today.

What color is Pewter?

What is the meaning of Pewter?

How do I use Pewter (#8E9294) in UI design?

Using Pewter color codes

Pewter Code Conversions

HEX

#8E9294

LAB

60, -1, -2

RGB

142, 146, 148

XYZ

26.8, 28.4, 32.1

HSL

200°, 3%, 57%

LCH

60, 2, 236°

HSB

200°, 4%, 58%

LUV

60, -2, -2

CMYK

4, 1, 0, 42

CMYK

4, 1, 0, 42

HWB

200°, 56%, 42%

Pewter Color Harmonies

Analogous

Analogous colors for Pewter are its neighbors on the color wheel. This combination creates a harmonious and serene palette, perfect for cohesive designs.

#8E9493

#8E9294

#8E8F94

#8E9493

#8E9294

#8E8F94

Complementary

Complementary colors are opposites on the color wheel. When paired with Pewter, they create a striking, high-contrast visual effect.

#8E9294

#94908E

#8E9294

#94908E

Split Complementary

A split complementary scheme creates a vibrant yet balanced look by pairing Pewter with the two colors adjacent to its direct complement.

#8E9294

#948E8F

#94938E

#8E9294

#948E8F

#94938E

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.

#8E9294

#948E92

#92948E

#8E9294

#948E92

#92948E

Tetradic

Tetradic color schemes use two pairs of complementary colors. For Pewter, this creates a four-color palette offering balanced yet dynamic visual interest.

#8E9294

#938E94

#94908E

#8F948E

#8E9294

#938E94

#94908E

#8F948E

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.

#8E9294

#938E94

#94908E

#8F948E

#8E9294

#938E94

#94908E

#8F948E

Pewter Contrast Simulation

Text Color

#

Background Color

#

6.69

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

6.69

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Pewter Color Variations

Shades

Shades are darker versions of Pewter, made by adding black for a weightier feel.

#8E9294

#7A7D7F

#65686A

#515355

#3D3F3F

#292A2A

#141515

#000000

#8E9294

#7A7D7F

#65686A

#515355

#3D3F3F

#292A2A

#141515

#000000

Tints

Tints of Pewter are created by adding white, which produces lighter and softer variations.

#8E9294

#9EA2A3

#AEB1B3

#BEC1C2

#CFD0D1

#DFE0E0

#EFEFF0

#FFFFFF

#8E9294

#9EA2A3

#AEB1B3

#BEC1C2

#CFD0D1

#DFE0E0

#EFEFF0

#FFFFFF

Tones

Tones of Pewter are created by adding gray, resulting in softer, less saturated variations.

#8E9294

#8C8F91

#8A8D8E

#888A8B

#868889

#848586

#828383

#808080

#8E9294

#8C8F91

#8A8D8E

#888A8B

#868889

#848586

#828383

#808080

Hues

Hues are variations of Pewter that differ in intensity, affecting the color's overall mood.

#8E9294

#8F8E94

#938E94

#948E90

#94908E

#93948E

#8F948E

#8E9492

#8E9294

#8F8E94

#938E94

#948E90

#94908E

#93948E

#8F948E

#8E9492

What Interfaces Use Colors Like Pewter?

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox