#2A1A12Raisin
#545B38Juniper
#6C804BFern
#CEDDC8Bone

Fern & Juniper Muse color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Fern & Juniper Muse is a split color palette tagged gradient, dark, muted. The hues span about 83°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Raisin#2A1A12rgb(42, 26, 18)hsl(20, 40%, 12%)oklch(23.6% 0.030 47)
Juniper#545B38rgb(84, 91, 56)hsl(72, 24%, 29%)oklch(45.5% 0.054 118)
Fern#6C804Brgb(108, 128, 75)hsl(83, 26%, 40%)oklch(57.0% 0.080 126)
Bone#CEDDC8rgb(206, 221, 200)hsl(103, 24%, 83%)oklch(88.0% 0.033 137)

Why it works and how to use it

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

  • Background: Bone (#CEDDC8) is the lightest color, so it belongs on large surfaces.
  • Text: Raisin (#2A1A12) on #CEDDC8 gives 11.79:1, passing WCAG AAA.
  • Primary: Fern (#6C804B) is the most saturated mid-tone; use it for buttons and links (3.07:1 against the background, fine for UI elements).
  • Accent: Juniper (#545B38) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Bone at 11.79:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Fern & Juniper Muse

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

#2A1A12
#545B38
#6C804B
#CEDDC8

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#2A1A12 on #CEDDC8Aa11.79:1AAA
#545B38 on #CEDDC8Aa5.05:1AA
#2A1A12 on #6C804BAa3.85:1AA large only
#6C804B on #CEDDC8Aa3.07:1AA large only
#2A1A12 on #545B38Aa2.34:1Fail
#545B38 on #6C804BAa1.65:1Fail

Similar palettes 24 more in this mood