Back to palettes

Palette

Rustic Barn Wood

Weathered browns and soft grays reflecting the durable, timeworn beauty of old barn wood under a muted sky.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustic Barn Wood 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 Wood.

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

Data visualization

#7B5F4F#A0887A#C0B0A4#D7D0CC#5C4A3E

Palette guide

How to use Rustic Barn Wood

Overview

The "Rustic Barn Wood" palette beautifully captures the enduring, timeworn elegance of aged timber. It features a deep, grounding brown (#5C4A3E), a rich medium brown (#7B5F4F), a lighter, warm tan (#A0887A), a soft beige-gray (#C0B0A4), and a delicate, muted off-white (#D7D0CC). This cohesive range of earthy, desaturated tones provides designers with a sophisticated foundation for creating serene and authentic designs. Developers will find these colors excellent for building interfaces and materials that evoke natural beauty, quiet strength, and a sense of heritage, ensuring a calm user experience.

Best used for

  • Minimalist rustic branding and web design
  • Natural lifestyle blogs or e-commerce sites
  • Interior design for tranquil, earthy spaces
  • Packaging for organic or artisanal products
  • Photography backdrops for natural product styling
  • Digital illustrations with a subtle, textured aesthetic

Suggested color roles

primary

Use #5C4A3E for strong foundations like footers, navigation, or bold text, providing depth and gravitas.

secondary

The inviting #7B5F4F works well for main content areas or larger graphic elements, maintaining warmth.

accent

#A0887A or #C0B0A4 can be used for subtle highlights, interactive elements, or decorative details where a gentle touch is desired.

background

#D7D0CC offers a soft, airy background that enhances readability and provides a calming presence.

text

For light backgrounds like #D7D0CC, use #5C4A3E or a deep charcoal for optimal readability. For darker backgrounds, #D7D0CC is ideal.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter shades like #A0887A or #C0B0A4 against #D7D0CC.
  • #D7D0CC provides a good light background, but always pair it with a dark text color like #5C4A3E for readability.
  • Avoid using #C0B0A4 for critical interface elements if it doesn't meet WCAG contrast ratios against adjacent colors.
  • Always verify contrast ratios for all text and interactive elements using an appropriate tool for compliance.

Recommended combinations

Aged Timber

Excellent for establishing a rich, layered wood texture or masculine, grounded branding.

#5C4A3E · #7B5F4F · #A0887A

Soft Haze

Creates a delicate, muted feel, perfect for subtle backgrounds or elegant, understated branding.

#D7D0CC · #C0B0A4 · #A0887A

Balanced Depth

Strong yet harmonious, suitable for main headings, body text, and background pairings in UI.

#5C4A3E · #D7D0CC · #7B5F4F

CSS variables

:root {
  --rustic-barn-wood-2-1: #7B5F4F;
  --rustic-barn-wood-2-2: #A0887A;
  --rustic-barn-wood-2-3: #C0B0A4;
  --rustic-barn-wood-2-4: #D7D0CC;
  --rustic-barn-wood-2-5: #5C4A3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-barn-wood-2": {
        1: "#7B5F4F",
        2: "#A0887A",
        3: "#C0B0A4",
        4: "#D7D0CC",
        5: "#5C4A3E",
      }
    }
  }
}

Related searches

weathered wood gray palettenatural earth tones schemerustic minimalist colorsaged timber design paletteserene brown beige colors

Palette colors

Hex values

Color 1#7B5F4F
·
Color 2#A0887A
·
Color 3#C0B0A4
·
Color 4#D7D0CC
·
Color 5#5C4A3E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.8:1Fail
3.8:1AA18
1.4:1Fail
2
1.8:1Fail
1.6:1Fail
2.2:1Fail
2.5:1Fail
3
2.8:1Fail
1.6:1Fail
1.4:1Fail
4:1AA18
4
3.8:1AA18
2.2:1Fail
1.4:1Fail
5.5:1AA
5
1.4:1Fail
2.5:1Fail
4:1AA18
5.5:1AA

Similar palettes

More like Rustic Barn Wood

View all earth
Rustic Barn Wood
Aged Wood Stain
Coastal Driftwood Sands
Farmhouse Barnwood Charm
Rustic Barn Charm
Rustic Barn Charm