#2B372AJet
#5E4F3AUmber
#B09E84Dust
#D9D3C7Fog

Dust & Umber Tale color palette

MutedMinimalEarthyGrayBrownBeige
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Dust & Umber Tale is a muted monochromatic color palette tagged muted, minimal, earthy. A monochromatic set: the same hue family from Jet down to Fog. Saturation stays low across the board, giving it a calm, editorial feel. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Jet#2B372Argb(43, 55, 42)hsl(115, 13%, 19%)oklch(32.1% 0.028 143)
Umber#5E4F3Argb(94, 79, 58)hsl(35, 24%, 30%)oklch(43.7% 0.038 76)
Dust#B09E84rgb(176, 158, 132)hsl(35, 22%, 60%)oklch(70.8% 0.042 77)
Fog#D9D3C7rgb(217, 211, 199)hsl(40, 19%, 82%)oklch(86.8% 0.018 85)

Why it works and how to use it

The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (82% down to 19% lightness). A natural fit for wellness, organic and outdoor brands.

  • Background: Fog (#D9D3C7) is the lightest color, so it belongs on large surfaces.
  • Text: Jet (#2B372A) on #D9D3C7 gives 8.38:1, passing WCAG AAA.
  • Primary: Umber (#5E4F3A) is the most saturated mid-tone; use it for buttons and links (5.31:1 against the background, fine for UI elements).
  • Accent: Dust (#B09E84) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Jet on Fog at 8.38:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Dust & Umber Tale

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

#2B372A
#5E4F3A
#B09E84
#D9D3C7

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#2B372A on #D9D3C7Aa8.38:1AAA
#5E4F3A on #D9D3C7Aa5.31:1AA
#2B372A on #B09E84Aa4.8:1AA
#5E4F3A on #B09E84Aa3.04:1AA large only
#B09E84 on #D9D3C7Aa1.75:1Fail
#2B372A on #5E4F3AAa1.58:1Fail

Similar palettes 24 more in this mood

More muted palettes →More minimal palettes →More earthy palettes →More gray palettes →More brown palettes →More beige palettes →