#6B4936
#6D6541
#869884
#ADD7D2
#E8C2D7Thistle
#D0A6A9Mushroom
#986C5AMocha
#583E19Walnut
Beige Walnut & Mocha is a analogous color palette tagged skin, muted, warm. Analogous neighbors on the wheel (Thistle, Mushroom, Mocha) 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 |
|---|---|---|---|---|---|
| Thistle | #E8C2D7 | rgb(232, 194, 215) | hsl(327, 45%, 84%) | oklch(85.3% 0.051 344) | |
| Mushroom | #D0A6A9 | rgb(208, 166, 169) | hsl(356, 31%, 73%) | oklch(76.4% 0.050 13) | |
| Mocha | #986C5A | rgb(152, 108, 90) | hsl(17, 26%, 47%) | oklch(57.2% 0.063 43) | |
| Walnut | #583E19 | rgb(88, 62, 25) | hsl(35, 56%, 22%) | oklch(38.5% 0.063 73) |
Why it works and how to use it
The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (84% down to 22% lightness). A natural fit for wellness, organic and outdoor brands.
- Background: Thistle (#E8C2D7) is the lightest color, so it belongs on large surfaces.
- Text: Walnut (#583E19) on #E8C2D7 gives 6.2:1, passing WCAG AA.
- Primary: Mushroom (#D0A6A9) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Mocha (#986C5A) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Thistle on Walnut at 6.2:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Beige Walnut & Mocha
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
#E8C2D7
#D0A6A9
#986C5A
#583E19
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E8C2D7 on #583E19 | Aa | 6.2:1 | AA |
#D0A6A9 on #583E19 | Aa | 4.58:1 | AA |
#E8C2D7 on #986C5A | Aa | 2.84:1 | Fail |
#986C5A on #583E19 | Aa | 2.18:1 | Fail |
#D0A6A9 on #986C5A | Aa | 2.1:1 | Fail |
#E8C2D7 on #D0A6A9 | Aa | 1.35:1 | Fail |
Similar palettes 24 more in this mood
#57340F
#AB694D
#C28682
#FFADC1
#B9EDCE
#8CA863
#807239
#6C4419
#653D01
#9F5E41
#E3A19F
#FFDCE8
#582D0D
#90574A
#D79A9E
#F6C6D8
#B08968
#DDB892
#E6CCB2
#FFF6EA
#7F5539
#B08968
#DDB892
#EDE0D4
#FFD9A8
#CA8800
#9A6200
#4A2A00
#CBAD73
#B59453
#9C7A3E
#80612F
#683800
#934734
#C47281
#FFC8E8
#654F3D
#875E54
#D2A8AD
#F5D9E8
#522800
#805B00
#BAB682
#D3EBB8
#FDE7D9
#F5D0B8
#E8B598
#C68F6D
#D9A57B
#C48B5E
#A9724A
#8A5A3A
#7E4F32
#CB9C85
#8B6B59
#2F1E15
#FFEFE1
#F9C196
#DBA076
#BE8865
#E1BC94
#CBA476
#AC8660
#7D5E43
#E4D9A7
#CFBE7D
#B49A54
#8D7335
#C9A57E
#B08A5C
#8F6B45
#6A4C32
#F1C9A5
#E0A97F
#C58B62
#9E6A48
#FFF0DC
#FACF97
#E2AE76
#B28153
#D9A691
#A17A6A
#785D54
#3E2E25
#F8C4B1
#E7A390
#CB8575
#A3655A
#FFC8D6
#EF9398
#A95A4C
#501E00