#2D2D2DGunmetal
#6A6A6ADove Gray
#A1A1A1Pewter
#FAFAFASnow

Gunmetal & Dove Gray Glow color palette

MonochromeMinimalGrayWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Gunmetal & Dove Gray Glow is a muted neutral-based color palette tagged monochrome, minimal, gray. Gunmetal 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
Gunmetal#2D2D2Drgb(45, 45, 45)hsl(0, 0%, 18%)oklch(29.7% 0.000 0)
Dove Gray#6A6A6Argb(106, 106, 106)hsl(0, 0%, 42%)oklch(52.4% 0.000 0)
Pewter#A1A1A1rgb(161, 161, 161)hsl(0, 0%, 63%)oklch(70.9% 0.000 0)
Snow#FAFAFArgb(250, 250, 250)hsl(0, 0%, 98%)oklch(98.5% 0.000 0)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Dove Gray to lead. Lightness runs from 18% to 98%. Well suited to websites, presentations and branding.

  • Background: Snow (#FAFAFA) is the lightest color, so it belongs on large surfaces.
  • Text: Gunmetal (#2D2D2D) on #FAFAFA gives 13.19:1, passing WCAG AAA.
  • Primary: Dove Gray (#6A6A6A) is the most saturated mid-tone; use it for buttons and links (5.18:1 against the background, fine for UI elements).
  • Accent: Pewter (#A1A1A1) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Gunmetal on Snow at 13.19:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Gunmetal & Dove Gray Glow

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

#2D2D2D
#6A6A6A
#A1A1A1
#FAFAFA

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#2D2D2D on #FAFAFAAa13.19:1AAA
#2D2D2D on #A1A1A1Aa5.33:1AA
#6A6A6A on #FAFAFAAa5.18:1AA
#2D2D2D on #6A6A6AAa2.55:1Fail
#A1A1A1 on #FAFAFAAa2.48:1Fail
#6A6A6A on #A1A1A1Aa2.09:1Fail

Similar palettes 24 more in this mood

More monochrome palettes →More minimal palettes →More gray palettes →More white palettes →