#9B9867Moss
#74714CShadow
#57543BUmber
#26170FLicorice

Desert Moss & Shadow color palette

DarkMutedWarmBrownGray
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Desert Moss & Shadow is a dark, analogous color palette tagged dark, muted, warm. Analogous neighbors on the wheel (Moss, Shadow, Umber) 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
Moss#9B9867rgb(155, 152, 103)hsl(57, 21%, 51%)oklch(67.0% 0.067 105)
Shadow#74714Crgb(116, 113, 76)hsl(55, 21%, 38%)oklch(54.2% 0.054 104)
Umber#57543Brgb(87, 84, 59)hsl(54, 19%, 29%)oklch(44.2% 0.039 102)
Licorice#26170Frgb(38, 23, 15)hsl(21, 43%, 10%)oklch(22.2% 0.029 49)

Why it works and how to use it

It works because the lightness steps are gentle (10% to 51%), which keeps the mood consistent from edge to edge. Try it for dark-mode interfaces and gaming.

  • Background: Moss (#9B9867) is the lightest color, so it belongs on large surfaces.
  • Text: Licorice (#26170F) on #9B9867 gives 5.84:1, passing WCAG AA.
  • Primary: Shadow (#74714C) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Umber (#57543B) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Moss on Licorice at 5.84:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Desert Moss & Shadow

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

#9B9867
#74714C
#57543B
#26170F

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#9B9867 on #26170FAa5.84:1AA
#74714C on #26170FAa3.47:1AA large only
#9B9867 on #57543BAa2.59:1Fail
#57543B on #26170FAa2.26:1Fail
#9B9867 on #74714CAa1.68:1Fail
#74714C on #57543BAa1.54:1Fail

Similar palettes 24 more in this mood

More dark palettes →More muted palettes →More warm palettes →More brown palettes →More gray palettes →