#E5E1DAAlmond
#CFC4B2Putty
#AF9E83Dust
#63533FUmber

Dust & Umber Whisper color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Dust & Umber Whisper is a muted monochromatic color palette tagged muted, earthy, gray. A monochromatic set: the same hue family from Umber down to Almond. 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
Almond#E5E1DArgb(229, 225, 218)hsl(38, 17%, 88%)oklch(91.1% 0.010 82)
Putty#CFC4B2rgb(207, 196, 178)hsl(37, 23%, 75%)oklch(82.4% 0.028 80)
Dust#AF9E83rgb(175, 158, 131)hsl(37, 22%, 60%)oklch(70.7% 0.043 79)
Umber#63533Frgb(99, 83, 63)hsl(33, 22%, 32%)oklch(45.3% 0.037 73)

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 (88% down to 32% lightness). A natural fit for wellness, organic and outdoor brands.

  • Background: Almond (#E5E1DA) is the lightest color, so it belongs on large surfaces.
  • Text: Umber (#63533F) on #E5E1DA gives 5.67:1, passing WCAG AA.
  • Primary: Putty (#CFC4B2) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Dust (#AF9E83) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Almond on Umber at 5.67:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Dust & Umber Whisper

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

#E5E1DA
#CFC4B2
#AF9E83
#63533F

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#E5E1DA on #63533FAa5.67:1AA
#CFC4B2 on #63533FAa4.29:1AA large only
#AF9E83 on #63533FAa2.83:1Fail
#E5E1DA on #AF9E83Aa2:1Fail
#CFC4B2 on #AF9E83Aa1.52:1Fail
#E5E1DA on #CFC4B2Aa1.32:1Fail

Similar palettes 24 more in this mood