#667754Fern
#99A87ESage
#CDC7B1Putty
#FDFAF2Snow

Misty Sage & Fern color palette

MutedWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Misty Sage & Fern is a analogous color palette tagged muted, white. Analogous neighbors on the wheel (Sage, Putty) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Fern#667754rgb(102, 119, 84)hsl(89, 17%, 40%)oklch(54.6% 0.056 129)
Sage#99A87Ergb(153, 168, 126)hsl(81, 19%, 58%)oklch(70.9% 0.061 124)
Putty#CDC7B1rgb(205, 199, 177)hsl(47, 22%, 75%)oklch(82.9% 0.031 94)
Snow#FDFAF2rgb(253, 250, 242)hsl(44, 73%, 97%)oklch(98.5% 0.011 90)

Why it works and how to use it

The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (97% down to 40% lightness). A natural fit for websites, presentations and branding.

  • Background: Snow (#FDFAF2) is the lightest color, so it belongs on large surfaces.
  • Text: Fern (#667754) on #FDFAF2 gives 4.65:1, passing WCAG AA.
  • Primary: Putty (#CDC7B1) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Sage (#99A87E) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Misty Sage & Fern

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

#667754
#99A87E
#CDC7B1
#FDFAF2

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#667754 on #FDFAF2Aa4.65:1AA
#667754 on #CDC7B1Aa2.86:1Fail
#99A87E on #FDFAF2Aa2.44:1Fail
#667754 on #99A87EAa1.91:1Fail
#CDC7B1 on #FDFAF2Aa1.62:1Fail
#99A87E on #CDC7B1Aa1.5:1Fail

Similar palettes 24 more in this mood

More muted palettes →More white palettes →