#924A43
#5C6049
#D5D2BF
#F5F3ED
#D9D8D6Fog
#A3A09BDust
#4C4945Graphite
#AA4F2FSienna
Urban Sienna & Dust is a muted neutral-based color palette tagged modern, gray, brown. Sienna is the only saturated color here, so it does all the talking against a neutral base. Every color is softened, so it works well as a background system for text-heavy layouts.
Color codes click any value to copy
Why it works and how to use it
It works because the lightness range is wide (28% to 85%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Fog (#D9D8D6) is the lightest color, so it belongs on large surfaces.
- Text: Graphite (#4C4945) on #D9D8D6 gives 6.28:1, passing WCAG AA.
- Primary: Sienna (#AA4F2F) is the most saturated mid-tone; use it for buttons and links (3.81:1 against the background, fine for UI elements).
- Accent: Dust (#A3A09B) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Fog on Graphite at 6.28:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Urban Sienna & Dust
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#D9D8D6
#A3A09B
#4C4945
#AA4F2F
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#D9D8D6 on #4C4945 | Aa | 6.28:1 | AA |
#D9D8D6 on #AA4F2F | Aa | 3.81:1 | AA large only |
#A3A09B on #4C4945 | Aa | 3.43:1 | AA large only |
#A3A09B on #AA4F2F | Aa | 2.08:1 | Fail |
#D9D8D6 on #A3A09B | Aa | 1.83:1 | Fail |
#4C4945 on #AA4F2F | Aa | 1.65:1 | Fail |
Similar palettes 24 more in this mood
#3D272C
#9B7981
#AC9498
#E4C8CE
#EEABE1
#BFBAC2
#8784AB
#A96C82
#1B1B1B
#BF9800
#CC3BB1
#F2F2F2
#005256
#CB674C
#DAB578
#D3D0BE
#9C3E4A
#746764
#CDAF9D
#FFE4ED
#F3F1ED
#2B2B2B
#D88B65
#7F5990
#2B2D42
#8D99AE
#EDF2F4
#A97B00
#006D77
#83C5BE
#EDF6F9
#E29578
#E9E9E9
#CACAC9
#D88A00
#0A0806
#524037
#8E6C5A
#ADF2DF
#FDF9F4
#2B2B2B
#A97B00
#F1FAEE
#457B9D
#1B1B1B
#D68B00
#B549D5
#F2F2F2
#DBD8D4
#CBC0B6
#B14A27
#1E1612
#FFFFFF
#F6EDE7
#C8654A
#3A2A24
#2D2B26
#F1F1F1
#AC4800
#C87CE9
#DFFFF3
#63CDBE
#C17330
#484233
#EDEEF0
#C9CCD1
#7A5A00
#0B1220
#E1F6FF
#75DECF
#3A4441
#A78423
#2D2E3A
#9299A4
#EFF2F3
#C56160
#BF6664
#293548
#F4F9F2
#E6D59B
#E0FBFC
#98E2E8
#CA804C
#0B3C42
#D9D6C4
#D9B377
#6B9B84
#C9654B
#2C314E
#7C5B72
#C5655D
#FF9F7C