#8C6A5D
#C6A48E
#E9D8C0
#5C7A6B
#EFE0DCAlmond
#DEC4BEBaby Pink
#C6A39BDust
#A47F78Mocha
Rustic Mocha & Dust is a pastel light, monochromatic color palette tagged muted, earthy, gray. All four colors sit within 3° of hue, so the scheme reads as one color explored across light and dark. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Almond | #EFE0DC | rgb(239, 224, 220) | hsl(13, 37%, 90%) | oklch(91.8% 0.017 35) | |
| Baby Pink | #DEC4BE | rgb(222, 196, 190) | hsl(11, 33%, 81%) | oklch(84.1% 0.031 33) | |
| Dust | #C6A39B | rgb(198, 163, 155) | hsl(11, 27%, 69%) | oklch(74.5% 0.043 33) | |
| Mocha | #A47F78 | rgb(164, 127, 120) | hsl(10, 19%, 56%) | oklch(63.0% 0.047 31) |
Why it works and how to use it
With 4 chromatic colors, Baby Pink takes the lead while the rest support. Lightness runs from 56% to 90%. Well suited to wellness, organic and outdoor brands.
- Background: Almond (#EFE0DC) is the lightest color, so it belongs on large surfaces.
- Text: Mocha (#A47F78) on #EFE0DC gives 2.78:1, so pair it with a darker neutral for body copy.
- Primary: Baby Pink (#DEC4BE) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dust (#C6A39B) 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 Rustic Mocha & 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
#EFE0DC
#DEC4BE
#C6A39B
#A47F78
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#EFE0DC on #A47F78 | Aa | 2.78:1 | Fail |
#DEC4BE on #A47F78 | Aa | 2.17:1 | Fail |
#EFE0DC on #C6A39B | Aa | 1.8:1 | Fail |
#C6A39B on #A47F78 | Aa | 1.55:1 | Fail |
#DEC4BE on #C6A39B | Aa | 1.4:1 | Fail |
#EFE0DC on #DEC4BE | Aa | 1.28:1 | Fail |
Similar palettes 24 more in this mood
#CAAB80
#B193A4
#A46268
#874A2D
#3B2C23
#86624B
#AD9878
#F5E7C6
#8A784C
#A3897C
#BFA58B
#C1C1B5
#FFE4D5
#D09B7B
#705300
#3A3328
#2A1A12
#704E3C
#9C6B48
#E7D4C1
#2B372A
#5E4F3A
#B09E84
#D9D3C7
#BBA77C
#CFC2A5
#898A78
#F0EEE6
#69483D
#A17762
#CBB4A1
#6A7A81
#42352D
#7D6452
#DFBF88
#FCF8F2
#AB8C6C
#C8B596
#8E6A4E
#D8D3CA
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#95704F
#BE9A75
#CCB299
#E8DFD3
#F7EBCB
#B8A779
#7A6A3F
#464136
#DBD7CF
#CCBB9B
#B5954D
#251E12
#D9A691
#A17A6A
#785D54
#3E2E25
#E5E1DA
#CFC4B2
#AF9E83
#63533F
#A27A6D
#DEAD95
#FFEAD9
#9EB1BA
#916043
#ECBBA4
#A88774
#443128
#AF8D52
#C6A874
#D0C3A8
#E0DCD3
#E3D7D1
#E4B9A5
#E69C85
#5A3E35
#B08968
#DDB892
#E6CCB2
#FFF6EA
#3E2723
#6D4C41
#A1887F
#EFEBE9
#7F5539
#B08968
#DDB892
#EDE0D4