#416052Juniper
#748D83Gray
#B1C0B9Ash
#D8DCDAFog

Dusky Juniper & Gray color palette

MutedGray
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Dusky Juniper & Gray is a muted neutral-based color palette tagged muted, gray. Juniper 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#416052rgb(65, 96, 82)hsl(153, 19%, 32%)oklch(46.0% 0.043 165)
Gray#748D83rgb(116, 141, 131)hsl(156, 10%, 50%)oklch(62.1% 0.032 169)
Ash#B1C0B9rgb(177, 192, 185)hsl(152, 11%, 72%)oklch(79.4% 0.019 166)
Fog#D8DCDArgb(216, 220, 218)hsl(150, 5%, 85%)oklch(89.1% 0.005 165)

Why it works and how to use it

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

  • Background: Fog (#D8DCDA) is the lightest color, so it belongs on large surfaces.
  • Text: Juniper (#416052) on #D8DCDA gives 5.02:1, passing WCAG AA.
  • Primary: Ash (#B1C0B9) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Gray (#748D83) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Dusky Juniper & Gray

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

#416052
#748D83
#B1C0B9
#D8DCDA

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#416052 on #D8DCDAAa5.02:1AA
#416052 on #B1C0B9Aa3.68:1AA large only
#748D83 on #D8DCDAAa2.58:1Fail
#416052 on #748D83Aa1.95:1Fail
#748D83 on #B1C0B9Aa1.89:1Fail
#B1C0B9 on #D8DCDAAa1.37:1Fail

Similar palettes 24 more in this mood

More muted palettes →More gray palettes →