#03363BGunmetal
#58673AFern
#597D61Fern
#7DAEA3Sage

Wild Fern & Sage color palette

MutedCold
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Wild Fern & Sage is a dark, split color palette tagged muted, cold. A split scheme: Gunmetal plays against Sage across roughly 105° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Gunmetal#03363Brgb(3, 54, 59)hsl(185, 90%, 12%)oklch(30.5% 0.050 205)
Fern#58673Argb(88, 103, 58)hsl(80, 28%, 32%)oklch(48.9% 0.069 124)
Fern#597D61rgb(89, 125, 97)hsl(133, 17%, 42%)oklch(55.4% 0.059 151)
Sage#7DAEA3rgb(125, 174, 163)hsl(167, 23%, 59%)oklch(71.3% 0.055 179)

Why it works and how to use it

The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (59% down to 12% lightness). A natural fit for dark-mode interfaces and gaming.

  • Background: Sage (#7DAEA3) is the lightest color, so it belongs on large surfaces.
  • Text: Gunmetal (#03363B) on #7DAEA3 gives 5.3:1, passing WCAG AA.
  • Primary: Fern (#58673A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Fern (#597D61) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Wild Fern & Sage

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

#03363B
#58673A
#597D61
#7DAEA3

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#03363B on #7DAEA3Aa5.3:1AA
#03363B on #597D61Aa2.84:1Fail
#58673A on #7DAEA3Aa2.48:1Fail
#03363B on #58673AAa2.14:1Fail
#597D61 on #7DAEA3Aa1.87:1Fail
#58673A on #597D61Aa1.33:1Fail

Similar palettes 24 more in this mood

More muted palettes →More cold palettes →