Back to palettes

Palette

Rustic Barn Wood

Weathered, warm tones capturing the timeworn beauty and comforting ruggedness of old barn wood.

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

#8B4513#A0522D#D2B48C#693C3C#4D3D20

Palette guide

How to use Rustic Barn Wood

Overview

The "Rustic Barn Wood" palette exudes the comforting, weathered beauty of aged timber and natural elements. It features a rich saddle brown (#8B4513), a deep russet (#A0522D), a soft tan (#D2B48C), a muted reddish-brown (#693C3C), and a very deep, earthy brown (#4D3D20). This harmonious blend provides designers with a versatile foundation for creating designs that feel both grounded and sophisticated. Developers will find these colors excellent for building interfaces and materials that evoke natural authenticity, warmth, and a sense of enduring quality across various digital and physical applications.

Best used for

  • Heritage brand identity and marketing
  • Rustic wedding or event design
  • Website design for eco-friendly products or services
  • Packaging for natural food or craft items
  • Interior design for cozy, traditional spaces
  • Digital illustrations with a warm, organic texture

Suggested color roles

primary

Use the deep #4D3D20 for robust foundations like navigation, footers, or strong brand statements, conveying stability.

secondary

The rich #8B4513 works well for main content areas or larger graphic elements, maintaining warmth and depth.

accent

#A0522D or #693C3C can be used for subtle highlights, interactive elements, or decorative details, adding character.

background

#D2B48C offers a soft, neutral base that complements the darker browns and ensures readability.

text

For light backgrounds like #D2B48C, use #4D3D20 or a deep charcoal for optimal readability. For darker backgrounds, #D2B48C is ideal.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing #D2B48C with other light colors or the reddish-brown #693C3C.
  • #D2B48C provides a good light background, but always pair it with a very dark text color like #4D3D20 for readability.
  • Avoid using #693C3C 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

Deep Wood Grain

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

#4D3D20 · #8B4513 · #A0522D

Warm Earth Blend

Creates a soft, inviting atmosphere, perfect for backgrounds, subtle UI elements, or natural illustrations.

#D2B48C · #693C3C · #A0522D

Rustic Contrast

Provides strong visual separation, suitable for main headings, body text, and background pairings.

#4D3D20 · #D2B48C · #8B4513

CSS variables

:root {
  --rustic-barn-wood-4-1: #8B4513;
  --rustic-barn-wood-4-2: #A0522D;
  --rustic-barn-wood-4-3: #D2B48C;
  --rustic-barn-wood-4-4: #693C3C;
  --rustic-barn-wood-4-5: #4D3D20;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-barn-wood-4": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#D2B48C",
        4: "#693C3C",
        5: "#4D3D20",
      }
    }
  }
}

Related searches

dark rustic wood palettewarm brown red schemeaged timber natural colorscozy farmhouse web designearthy vintage brown palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#A0522D
·
Color 3#D2B48C
·
Color 4#693C3C
·
Color 5#4D3D20
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
3.6:1AA18
1.3:1Fail
1.5:1Fail
2
1.3:1Fail
2.8:1Fail
1.6:1Fail
1.9:1Fail
3
3.6:1AA18
2.8:1Fail
4.6:1AA
5.3:1AA
4
1.3:1Fail
1.6:1Fail
4.6:1AA
1.2:1Fail
5
1.5:1Fail
1.9:1Fail
5.3:1AA
1.2:1Fail

Similar palettes

More like Rustic Barn Wood

View all earth
Rustic Barnwood Charm
Aged Timber Charm
Aged Wood Stain
Rustic Barn Wood
Rustic Cabin Hideaway
Rustic Hearth Stone