#5D4037Walnut
#8D6E63Mocha
#BCAAA4Mushroom
#EFEBE9Frost

Rustic Barn color palette

EarthyVintageMutedMinimalBrownGrayWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

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.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Walnut#5D4037rgb(93, 64, 55)hsl(14, 26%, 29%)oklch(40.2% 0.044 38)
Mocha#8D6E63rgb(141, 110, 99)hsl(16, 18%, 47%)oklch(56.6% 0.043 40)
Mushroom#BCAAA4rgb(188, 170, 164)hsl(15, 15%, 69%)oklch(75.2% 0.023 39)
Frost#EFEBE9rgb(239, 235, 233)hsl(20, 16%, 93%)oklch(94.3% 0.005 49)

Why it works and how to use it

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
Card title
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.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#5D4037 on #EFEBE9Aa7.87:1AAA
#5D4037 on #BCAAA4Aa4.18:1AA large only
#8D6E63 on #EFEBE9Aa3.9:1AA large only
#8D6E63 on #BCAAA4Aa2.07:1Fail
#5D4037 on #8D6E63Aa2.02:1Fail
#BCAAA4 on #EFEBE9Aa1.88:1Fail

Similar palettes 24 more in this mood

More earthy palettes →More vintage palettes →More muted palettes →More minimal palettes →More brown palettes →More gray palettes →More white palettes →