What are the hex codes in the Rustic Barn palette?

The Rustic Barn color palette consists of Walnut #5D4037, Mocha #8D6E63, Mushroom #BCAAA4, Frost #EFEBE9.

How should I use the Rustic Barn palette on a website?

Use Frost #EFEBE9 as the background, Walnut #5D4037 for text, Mocha #8D6E63 for buttons and links, and Mushroom #BCAAA4 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Walnut on Frost at 7.87:1.

Which colors in Rustic Barn have enough contrast for text?

The highest-contrast pair is #5D4037 on #EFEBE9 with a ratio of 7.87:1, which passes WCAG AA for normal text.

#5D4037Walnut

#8D6E63Mocha

#BCAAA4Mushroom

#EFEBE9Frost

Rustic Barn color palette

Earthy Vintage Muted Minimal Brown Gray White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Walnut	`#5D4037`	`rgb(93, 64, 55)`	`hsl(14, 26%, 29%)`	`oklch(40.2% 0.044 38)`
Mocha	`#8D6E63`	`rgb(141, 110, 99)`	`hsl(16, 18%, 47%)`	`oklch(56.6% 0.043 40)`
Mushroom	`#BCAAA4`	`rgb(188, 170, 164)`	`hsl(15, 15%, 69%)`	`oklch(75.2% 0.023 39)`
Frost	`#EFEBE9`	`rgb(239, 235, 233)`	`hsl(20, 16%, 93%)`	`oklch(94.3% 0.005 49)`

Why it works and how to use it

Rustic Barn is a muted monochromatic color palette tagged earthy, vintage, muted. All four colors sit within 2° of hue, so the scheme reads as one color explored across light and dark. Every color is softened, so it works well as a background system for text-heavy layouts. The overall temperature is warm.

The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (93% down to 29% lightness). A natural fit for wellness, organic and outdoor brands.

Background: Frost (#EFEBE9) is the lightest color, so it belongs on large surfaces.
Text: Walnut (#5D4037) on #EFEBE9 gives 7.87:1, passing WCAG AAA.
Primary: Mocha (#8D6E63) is the most saturated mid-tone; use it for buttons and links (3.9:1 against the background, fine for UI elements).
Accent: Mushroom (#BCAAA4) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Walnut on Frost at 7.87:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Rustic Barn

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#5D4037

#8D6E63

#BCAAA4

#EFEBE9

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#5D4037` on `#EFEBE9`	Aa	7.87:1	AAA
`#5D4037` on `#BCAAA4`	Aa	4.18:1	AA large only
`#8D6E63` on `#EFEBE9`	Aa	3.9:1	AA large only
`#8D6E63` on `#BCAAA4`	Aa	2.07:1	Fail
`#5D4037` on `#8D6E63`	Aa	2.02:1	Fail
`#BCAAA4` on `#EFEBE9`	Aa	1.88:1	Fail

Similar palettes 24 more in this mood