#B9EDCECeladon
#8CA863Moss
#807239Shadow
#6C4419Sepia

Moss & Sepia Path color palette

SkinMutedWarmEarthyGreenBrown
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Moss & Sepia Path is a split color palette tagged skin, muted, warm. A split scheme: Celadon plays against Sepia across roughly 113° of hue. 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
Celadon#B9EDCErgb(185, 237, 206)hsl(144, 59%, 83%)oklch(90.2% 0.068 159)
Moss#8CA863rgb(140, 168, 99)hsl(84, 28%, 52%)oklch(69.4% 0.099 127)
Shadow#807239rgb(128, 114, 57)hsl(48, 38%, 36%)oklch(55.2% 0.079 96)
Sepia#6C4419rgb(108, 68, 25)hsl(31, 62%, 26%)oklch(42.5% 0.079 64)

Why it works and how to use it

With 4 chromatic colors, Shadow takes the lead while the rest support. Lightness runs from 26% to 83%. Well suited to wellness, organic and outdoor brands.

  • Background: Celadon (#B9EDCE) is the lightest color, so it belongs on large surfaces.
  • Text: Sepia (#6C4419) on #B9EDCE gives 6.48:1, passing WCAG AA.
  • Primary: Shadow (#807239) is the most saturated mid-tone; use it for buttons and links (3.67:1 against the background, fine for UI elements).
  • Accent: Moss (#8CA863) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Celadon on Sepia at 6.48:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Moss & Sepia Path

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

#B9EDCE
#8CA863
#807239
#6C4419

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#B9EDCE on #6C4419Aa6.48:1AA
#B9EDCE on #807239Aa3.67:1AA large only
#8CA863 on #6C4419Aa3.19:1AA large only
#B9EDCE on #8CA863Aa2.03:1Fail
#8CA863 on #807239Aa1.8:1Fail
#807239 on #6C4419Aa1.77:1Fail

Similar palettes 24 more in this mood

More skin palettes →More muted palettes →More warm palettes →More earthy palettes →More green palettes →More brown palettes →