What are the hex codes in the Simple Pewter & Umber palette?

The Simple Pewter & Umber color palette consists of Umber #605953, Pewter #9E948F, Fog #DAD6CF, Snow #FBFAF5.

How should I use the Simple Pewter & Umber palette on a website?

Use Snow #FBFAF5 as the background, Umber #605953 for text, Fog #DAD6CF for buttons and links, and Pewter #9E948F for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Umber on Snow at 6.59:1.

Which colors in Simple Pewter & Umber have enough contrast for text?

The highest-contrast pair is #605953 on #FBFAF5 with a ratio of 6.59:1, which passes WCAG AA for normal text.

#605953Umber

#9E948FPewter

#DAD6CFFog

#FBFAF5Snow

Simple Pewter & Umber color palette

Minimal Monochrome Gray White

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Simple Pewter & Umber is a muted neutral-based color palette tagged minimal, monochrome, gray. Snow is the only saturated color here, so it does all the talking against a neutral base. Every color is softened, so it works well as a background system for text-heavy layouts.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Umber	`#605953`	`rgb(96, 89, 83)`	`hsl(28, 7%, 35%)`	`oklch(46.9% 0.013 63)`
Pewter	`#9E948F`	`rgb(158, 148, 143)`	`hsl(20, 7%, 59%)`	`oklch(67.4% 0.014 49)`
Fog	`#DAD6CF`	`rgb(218, 214, 207)`	`hsl(38, 13%, 83%)`	`oklch(87.7% 0.010 82)`
Snow	`#FBFAF5`	`rgb(251, 250, 245)`	`hsl(50, 43%, 97%)`	`oklch(98.4% 0.007 97)`

Why it works and how to use it

It works because the lightness range is wide (35% to 97%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.

Pair	Sample	Ratio	Level
`#605953` on `#FBFAF5`	Aa	6.59:1	AA
`#605953` on `#DAD6CF`	Aa	4.75:1	AA
`#9E948F` on `#FBFAF5`	Aa	2.84:1	Fail
`#605953` on `#9E948F`	Aa	2.32:1	Fail
`#9E948F` on `#DAD6CF`	Aa	2.05:1	Fail
`#DAD6CF` on `#FBFAF5`	Aa	1.39:1	Fail

Simple Pewter & Umber color palette

Color codes click any value to copy

Why it works and how to use it

Preview on a real UI see how the palette feels in context

Design faster with Simple Pewter & Umber

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood