#DEB4A2
#BE9696
#7E5726
#4F4206
#ECA487Dusty Rose
#C6966DCamel
#C07873Clay
#846839Cocoa
Dusty Rose & Clay Glow is a analogous color palette tagged earthy, muted, warm. Analogous neighbors on the wheel (Dusty Rose, Camel, Clay) 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 |
|---|---|---|---|---|---|
| Dusty Rose | #ECA487 | rgb(236, 164, 135) | hsl(17, 73%, 73%) | oklch(78.1% 0.095 43) | |
| Camel | #C6966D | rgb(198, 150, 109) | hsl(28, 44%, 60%) | oklch(70.9% 0.080 61) | |
| Clay | #C07873 | rgb(192, 120, 115) | hsl(4, 38%, 60%) | oklch(64.8% 0.091 24) | |
| Cocoa | #846839 | rgb(132, 104, 57) | hsl(38, 40%, 37%) | oklch(53.4% 0.074 79) |
Why it works and how to use it
The palette holds together thanks to its analogous hue relationship and a soft light-to-dark ladder (73% down to 37% lightness). A natural fit for wellness, organic and outdoor brands.
- Background: Dusty Rose (#ECA487) is the lightest color, so it belongs on large surfaces.
- Text: Cocoa (#846839) on #ECA487 gives 2.54:1, so pair it with a darker neutral for body copy.
- Primary: Camel (#C6966D) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Clay (#C07873) 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 Dusty Rose & Clay Glow
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
#ECA487
#C6966D
#C07873
#846839
Color-blind check: under deuteranopia and tritanopia, Camel and Clay become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#ECA487 on #846839 | Aa | 2.54:1 | Fail |
#C6966D on #846839 | Aa | 1.99:1 | Fail |
#ECA487 on #C07873 | Aa | 1.66:1 | Fail |
#C07873 on #846839 | Aa | 1.54:1 | Fail |
#C6966D on #C07873 | Aa | 1.29:1 | Fail |
#ECA487 on #C6966D | Aa | 1.28:1 | Fail |
Similar palettes 24 more in this mood
#553521
#B08D64
#CBA49A
#FFADB2
#B08968
#DDB892
#E6CCB2
#FFF6EA
#A68A64
#C2B280
#E6DCC3
#FAF7F0
#8A4A3C
#C98C7A
#E9C7B0
#F6EFE8
#5B3F2E
#8B6A4E
#D9C2A0
#F6EFE3
#C4A484
#E6D3B3
#A98467
#F7F1E8
#CBAD73
#B59453
#9C7A3E
#80612F
#4A4112
#6D6440
#B3B086
#D1CBAA
#4B2800
#774113
#A3774D
#ECAE7E
#5C302C
#AD9878
#86624B
#F5E7C6
#7F6000
#B8885D
#B3B96E
#AEE699
#B9C989
#AC9D68
#75490B
#2C0B00
#673D22
#6C5936
#949761
#B3D6AC
#593111
#774314
#CDA07D
#FFBD93
#8C4E2D
#925D67
#BD7269
#A88C6F
#BDC27E
#755E32
#5D4637
#31542B
#712F00
#9B4B24
#DD8865
#E6AA93
#481800
#8A533C
#CE8E70
#DFAF96
#94364E
#915A0E
#CC9F91
#C7C09A
#88383D
#7E5164
#D79272
#DABD98
#CAAB80
#B193A4
#A46268
#874A2D
#FDE7D9
#F5D0B8
#E8B598
#C68F6D
#5A4832
#A8823F
#D7AA7A
#FFE9DE