#2D3E29Onyx
#437B4AFern
#86A874Moss
#CDD1B7Oat

Verdant Fern & Moss color palette

MutedGreen
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Verdant Fern & Moss is a analogous color palette tagged muted, green. Analogous neighbors on the wheel (Onyx, Fern, Moss) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Onyx#2D3E29rgb(45, 62, 41)hsl(109, 20%, 20%)oklch(34.2% 0.042 140)
Fern#437B4Argb(67, 123, 74)hsl(128, 29%, 37%)oklch(53.1% 0.096 147)
Moss#86A874rgb(134, 168, 116)hsl(99, 23%, 56%)oklch(69.3% 0.082 135)
Oat#CDD1B7rgb(205, 209, 183)hsl(69, 22%, 77%)oklch(85.1% 0.035 114)

Why it works and how to use it

With 4 chromatic colors, Fern takes the lead while the rest support. Lightness runs from 20% to 77%. Well suited to websites, presentations and branding.

  • Background: Oat (#CDD1B7) is the lightest color, so it belongs on large surfaces.
  • Text: Onyx (#2D3E29) on #CDD1B7 gives 7.31:1, passing WCAG AAA.
  • Primary: Fern (#437B4A) is the most saturated mid-tone; use it for buttons and links (3.21:1 against the background, fine for UI elements).
  • Accent: Moss (#86A874) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Verdant Fern & Moss

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

#2D3E29
#437B4A
#86A874
#CDD1B7

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#2D3E29 on #CDD1B7Aa7.31:1AAA
#2D3E29 on #86A874Aa4.29:1AA large only
#437B4A on #CDD1B7Aa3.21:1AA large only
#2D3E29 on #437B4AAa2.28:1Fail
#437B4A on #86A874Aa1.89:1Fail
#86A874 on #CDD1B7Aa1.7:1Fail

Similar palettes 24 more in this mood

More muted palettes →More green palettes →