#94875B
#C4C0BF
#FAD0AB
#FFDEE6
#5A5934Umber
#776D5CDove Gray
#BE957BCamel
#DFACA6Dusty Rose
Washed Camel & Dusty Rose is a analogous color palette tagged muted, vintage, warm. Analogous neighbors on the wheel (Umber, Camel, Dusty Rose) 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
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Umber | #5A5934 | rgb(90, 89, 52) | hsl(58, 27%, 28%) | oklch(45.5% 0.055 107) | |
| Dove Gray | #776D5C | rgb(119, 109, 92) | hsl(38, 13%, 41%) | oklch(53.9% 0.028 81) | |
| Camel | #BE957B | rgb(190, 149, 123) | hsl(23, 34%, 61%) | oklch(70.1% 0.062 54) | |
| Dusty Rose | #DFACA6 | rgb(223, 172, 166) | hsl(6, 47%, 76%) | oklch(78.9% 0.061 26) |
Why it works and how to use it
With 3 chromatic colors, Camel takes the lead while the rest support. Lightness runs from 28% to 76%. Well suited to websites, presentations and branding.
- Background: Dusty Rose (#DFACA6) is the lightest color, so it belongs on large surfaces.
- Text: Umber (#5A5934) on #DFACA6 gives 3.63:1, enough for large headings only.
- Primary: Camel (#BE957B) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dove Gray (#776D5C) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Washed Camel & Dusty Rose
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
#5A5934
#776D5C
#BE957B
#DFACA6
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#5A5934 on #DFACA6 | Aa | 3.63:1 | AA large only |
#5A5934 on #BE957B | Aa | 2.67:1 | Fail |
#776D5C on #DFACA6 | Aa | 2.57:1 | Fail |
#776D5C on #BE957B | Aa | 1.88:1 | Fail |
#5A5934 on #776D5C | Aa | 1.42:1 | Fail |
#BE957B on #DFACA6 | Aa | 1.36:1 | Fail |
Similar palettes 24 more in this mood
#A1C6CA
#AC976F
#A086A3
#347175
#6D5B3A
#6F658B
#678962
#BAB3E4
#BEC2DE
#A2B98F
#9696AB
#927553
#CAAB80
#B193A4
#A46268
#874A2D
#58737F
#9E8A87
#8EAEC2
#C6B48B
#73684C
#A38580
#829CAF
#B1C2CB
#75837A
#A6885E
#ABACAA
#EEEABE
#624E47
#9E5A58
#D8B493
#FFF9F2
#4B3832
#854442
#BE9B7B
#FFF4E6
#8C6A5D
#C6A48E
#E9D8C0
#5C7A6B
#9E6B73
#C99CA2
#E9D5D3
#F7F2EF
#916653
#D2C2B0
#E9D393
#2B201A
#5C302C
#AD9878
#86624B
#F5E7C6
#645762
#777F9B
#888D72
#A0A793
#DFCEAD
#BFA797
#96978E
#6A8667
#6B4936
#6D6541
#869884
#ADD7D2
#452700
#686265
#FFB9A3
#FFEAEC
#D69F74
#C5D9A6
#E5DCCD
#F8F1AF
#DB937D
#E6BC97
#EFD8A5
#94997A
#A47864
#E9D8C6
#FFE9A8
#3E322B
#806E72
#B29491
#D4A897
#DDB7CA
#3B2C23
#86624B
#AD9878
#F5E7C6
#8A784C
#A3897C
#BFA58B
#C1C1B5