#505F70Storm
#8391A0Pewter
#A9B2BBAsh
#D3D7DAFog

Storm & Pewter Mist color palette

MonochromeGray
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Storm & Pewter Mist is a muted neutral-based color palette tagged monochrome, gray. Built almost entirely from neutrals, with Storm (#505F70) as the single point of color. Saturation stays low across the board, giving it a calm, editorial feel.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Storm#505F70rgb(80, 95, 112)hsl(212, 17%, 38%)oklch(47.9% 0.033 252)
Pewter#8391A0rgb(131, 145, 160)hsl(211, 13%, 57%)oklch(65.0% 0.028 250)
Ash#A9B2BBrgb(169, 178, 187)hsl(210, 12%, 70%)oklch(75.9% 0.016 248)
Fog#D3D7DArgb(211, 215, 218)hsl(206, 9%, 84%)oklch(87.7% 0.006 240)

Why it works and how to use it

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

  • Background: Fog (#D3D7DA) is the lightest color, so it belongs on large surfaces.
  • Text: Storm (#505F70) on #D3D7DA gives 4.52:1, passing WCAG AA.
  • Primary: Pewter (#8391A0) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Ash (#A9B2BB) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Storm on Fog at 4.52:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Storm & Pewter Mist

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

#505F70
#8391A0
#A9B2BB
#D3D7DA

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#505F70 on #D3D7DAAa4.52:1AA
#505F70 on #A9B2BBAa3.04:1AA large only
#8391A0 on #D3D7DAAa2.22:1Fail
#505F70 on #8391A0Aa2.03:1Fail
#8391A0 on #A9B2BBAa1.5:1Fail
#A9B2BB on #D3D7DAAa1.48:1Fail

Similar palettes 24 more in this mood

More monochrome palettes →More gray palettes →