Back to palettes

Palette

Rustic Barn

Warm, worn browns and creams, evocative of weathered wood and the simple charm of a rustic barn.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustic Barn reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Rustic Barn.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#4F2F1F#7C4E34#A57356#CC9C7E#EADEC8

Palette guide

How to use Rustic Barn

Overview

The Rustic Barn palette offers a beautiful blend of warm, worn browns and soft creams, perfectly capturing the simple charm of a country barn. Anchored by deep tones like #4F2F1F and transitioning through inviting shades such as #7C4E34 and #A57356, it culminates in the airy #EADEC8. This palette is exceptionally versatile for designers seeking to convey warmth, authenticity, and a touch of vintage elegance. It provides excellent contrast potential, allowing for clear hierarchies in web design, comfortable readability in print, and a welcoming atmosphere in physical spaces, from farmhouse decor to natural beauty branding.

Best used for

  • Farmhouse style home decor
  • Natural beauty product branding
  • Wedding stationery and invitations
  • Cozy blog and website themes
  • Vintage-inspired apparel design
  • Country living magazines or digital content

Suggested color roles

primary

Use #A57356 as a welcoming mid-tone for main content areas or brand focal points.

secondary

Employ #7C4E34 for supporting elements, adding depth and a sense of grounding.

accent

Apply #CC9C7E for soft accents, highlights, or subtle decorative patterns, providing a gentle warmth.

background

Utilize #EADEC8 as a light, airy background for excellent readability and a fresh, open feel.

text

For optimal contrast on light backgrounds like #EADEC8, use #4F2F1F or a deep charcoal for body text.

Accessibility notes

  • Pair #4F2F1F with #EADEC8 for text to achieve high WCAG AAA contrast, ensuring maximum readability.
  • Be mindful of contrast when using #CC9C7E for text; it generally requires a very dark background.
  • Ensure interactive elements using lighter browns like #A57356 provide clear visual feedback on hover/focus.
  • Avoid layering similar mid-tones without clear borders to maintain distinct visual separation.

Recommended combinations

Barnwood Contrast

Ideal for hero sections or key information, offering strong readability and visual impact.

#EADEC8 · #4F2F1F · #A57356

Warm Country

Excellent for creating a cozy, inviting atmosphere in product displays or lifestyle imagery.

#CC9C7E · #7C4E34 · #A57356

Vintage Charm

Perfect for backgrounds with subtle patterns or secondary information, providing a soft, aged look.

#EADEC8 · #7C4E34 · #CC9C7E

CSS variables

:root {
  --rustic-barn-1: #4F2F1F;
  --rustic-barn-2: #7C4E34;
  --rustic-barn-3: #A57356;
  --rustic-barn-4: #CC9C7E;
  --rustic-barn-5: #EADEC8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-barn": {
        1: "#4F2F1F",
        2: "#7C4E34",
        3: "#A57356",
        4: "#CC9C7E",
        5: "#EADEC8",
      }
    }
  }
}

Related searches

farmhouse color schemerustic cream brown palettevintage wood tonescountryside design colorsearthy natural wedding colors

Palette colors

Hex values

Color 1#4F2F1F
·
Color 2#7C4E34
·
Color 3#A57356
·
Color 4#CC9C7E
·
Color 5#EADEC8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
4.9:1AA
9:1AAA
2
1.7:1Fail
1.7:1Fail
2.9:1Fail
5.3:1AA
3
2.9:1Fail
1.7:1Fail
1.7:1Fail
3:1AA18
4
4.9:1AA
2.9:1Fail
1.7:1Fail
1.8:1Fail
5
9:1AAA
5.3:1AA
3:1AA18
1.8:1Fail

Similar palettes

More like Rustic Barn

View all earth
Aged Leather Comfort
Aged Manuscript Bindings
Aged Patina Copper
Ancient Scrolls Earth
Bohemian Earth
Country Farmstead Comfort