#384726Evergreen
#66744CFern
#9B9580Stone
#D5D2CAFog

Fern & Evergreen Mist color palette

MutedGray
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Fern & Evergreen Mist is a muted monochromatic color palette tagged muted, gray. A monochromatic set: the same hue family from Evergreen down to Fog. Saturation stays low across the board, giving it a calm, editorial feel.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Evergreen#384726rgb(56, 71, 38)hsl(87, 30%, 21%)oklch(37.6% 0.056 129)
Fern#66744Crgb(102, 116, 76)hsl(81, 21%, 38%)oklch(53.7% 0.061 124)
Stone#9B9580rgb(155, 149, 128)hsl(47, 12%, 55%)oklch(66.9% 0.031 94)
Fog#D5D2CArgb(213, 210, 202)hsl(44, 12%, 81%)oklch(86.4% 0.011 90)

Why it works and how to use it

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

  • Background: Fog (#D5D2CA) is the lightest color, so it belongs on large surfaces.
  • Text: Evergreen (#384726) on #D5D2CA gives 6.63:1, passing WCAG AA.
  • Primary: Fern (#66744C) is the most saturated mid-tone; use it for buttons and links (3.34:1 against the background, fine for UI elements).
  • Accent: Stone (#9B9580) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Fern & Evergreen 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

#384726
#66744C
#9B9580
#D5D2CA

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#384726 on #D5D2CAAa6.63:1AA
#384726 on #9B9580Aa3.34:1AA large only
#66744C on #D5D2CAAa3.34:1AA large only
#384726 on #66744CAa1.99:1Fail
#9B9580 on #D5D2CAAa1.98:1Fail
#66744C on #9B9580Aa1.68:1Fail

Similar palettes 24 more in this mood

More muted palettes →More gray palettes →