Back to palettes

Palette

Rustic Barn Wood

Weathered browns and deep timber tones, echoing the rustic charm of an old barn.

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

#6F4F2D#966C44#B48F6C#5C3D21#4A2E16

Palette guide

How to use Rustic Barn Wood

Overview

The Rustic Barn Wood palette captures the essence of aged timber with its range of weathered browns and deep, natural tones. From the lighter #B48F6C to the profound #4A2E16, this collection is designed to evoke a sense of heritage and robust natural beauty. It's an excellent choice for designers aiming to create an authentic, grounded aesthetic in digital products, print materials, or physical spaces. The varied depth of browns, including #6F4F2D and #966C44, allows for nuanced shading and compelling visual hierarchies, perfect for projects that demand a timeless, organic feel.

Best used for

  • Heritage brand identity design
  • Cozy interior decor schemes
  • Vintage or antique-themed websites
  • Artisanal product packaging
  • Nature-inspired graphic design
  • Digital interfaces requiring a warm, inviting feel

Suggested color roles

primary

Use #966C44 as a versatile mid-tone for key elements, offering warmth and stability.

secondary

Employ #6F4F2D for supporting content or secondary buttons, providing a richer, more substantial feel.

accent

Apply #B48F6C as a subtle highlight or for decorative elements, adding a touch of soft warmth.

background

Utilize #4A2E16 as a deep, grounding background color for a profound and elegant base.

text

On lighter backgrounds, #5C3D21 provides excellent contrast. For very dark backgrounds, use white or a light cream.

Accessibility notes

  • When using #B48F6C for text, ensure it's on a significantly darker background like #4A2E16 to meet contrast standards.
  • Pair #4A2E16 or #5C3D21 with white or near-white text for optimal readability on dark areas.
  • Avoid placing similar mid-tones like #966C44 and #6F4F2D directly adjacent without sufficient separation for visual clarity.
  • Ensure all critical text elements pass WCAG AA contrast ratios, especially with the warmer brown tones.

Recommended combinations

Classic Wood

Ideal for main content areas and headers, creating a sophisticated and natural appearance.

#966C44 · #6F4F2D · #B48F6C

Deep Forest

Excellent for backgrounds, footers, or navigation bars, providing a sense of depth and stability.

#4A2E16 · #5C3D21 · #6F4F2D

Aged Timber

Use for elegant branding or visual elements that require a blend of light and deep natural tones.

#B48F6C · #966C44 · #4A2E16

CSS variables

:root {
  --rustic-barn-wood-1: #6F4F2D;
  --rustic-barn-wood-2: #966C44;
  --rustic-barn-wood-3: #B48F6C;
  --rustic-barn-wood-4: #5C3D21;
  --rustic-barn-wood-5: #4A2E16;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-barn-wood": {
        1: "#6F4F2D",
        2: "#966C44",
        3: "#B48F6C",
        4: "#5C3D21",
        5: "#4A2E16",
      }
    }
  }
}

Related searches

aged wood color schemerustic brown hex codestimber effect palettenatural earthy tonesfarmhouse interior colors

Palette colors

Hex values

Color 1#6F4F2D
·
Color 2#966C44
·
Color 3#B48F6C
·
Color 4#5C3D21
·
Color 5#4A2E16
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
1.3:1Fail
1.7:1Fail
2
1.6:1Fail
1.6:1Fail
2.1:1Fail
2.7:1Fail
3
2.5:1Fail
1.6:1Fail
3.3:1AA18
4.2:1AA18
4
1.3:1Fail
2.1:1Fail
3.3:1AA18
1.3:1Fail
5
1.7:1Fail
2.7:1Fail
4.2:1AA18
1.3:1Fail

Similar palettes

More like Rustic Barn Wood

View all earth
Rustic Barn Wood
Rustic Barn Wood
Rustic Barnwood Charm
Whiskey Barrel Oak
Aged Timber Charm
Aged Wood Stain