#475849Juniper
#53705AStorm
#8AA69FPewter
#D7D2C0Oat

Washed Storm & Pewter color palette

MutedGray
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Washed Storm & Pewter is a muted neutral-based color palette tagged muted, gray. Oat 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

SwatchNameHEXRGBHSLOKLCH
Juniper#475849rgb(71, 88, 73)hsl(127, 11%, 31%)oklch(44.1% 0.032 148)
Storm#53705Argb(83, 112, 90)hsl(134, 15%, 38%)oklch(51.6% 0.048 152)
Pewter#8AA69Frgb(138, 166, 159)hsl(165, 14%, 60%)oklch(70.2% 0.033 178)
Oat#D7D2C0rgb(215, 210, 192)hsl(47, 22%, 80%)oklch(86.3% 0.025 94)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Storm to lead. Lightness runs from 31% to 80%. Well suited to websites, presentations and branding.

  • Background: Oat (#D7D2C0) is the lightest color, so it belongs on large surfaces.
  • Text: Juniper (#475849) on #D7D2C0 gives 5.03:1, passing WCAG AA.
  • Primary: Storm (#53705A) is the most saturated mid-tone; use it for buttons and links (3.62:1 against the background, fine for UI elements).
  • Accent: Pewter (#8AA69F) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Juniper on Oat at 5.03:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Washed Storm & Pewter

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#475849
#53705A
#8AA69F
#D7D2C0

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#475849 on #D7D2C0Aa5.03:1AA
#53705A on #D7D2C0Aa3.62:1AA large only
#475849 on #8AA69FAa2.91:1Fail
#53705A on #8AA69FAa2.1:1Fail
#8AA69F on #D7D2C0Aa1.73:1Fail
#475849 on #53705AAa1.39:1Fail

Similar palettes 24 more in this mood

More muted palettes →More gray palettes →