Back to palettes

Palette

Rustic Barn Wood

Earthy, warm browns representing weathered wood and the rustic charm of old barns.

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

#A0522D#8B4513#693A1F#4D2A18#2E190D

Palette guide

How to use Rustic Barn Wood

Overview

The Rustic Barn Wood palette offers a collection of earthy, warm browns that evoke the natural appeal of weathered timber and old barns. Featuring deep, grounding hues like #2E190D and #4D2A18, alongside richer mid-tones such as #8B4513 and #A0522D, this scheme is perfect for conveying authenticity and warmth. Designers can utilize these colors for robust branding, creating a sense of history, or for digital interfaces that require a comforting, natural aesthetic. The darkest shades provide strong contrast, while the lighter browns add depth, making it versatile for various applications from rustic web layouts to product packaging that highlights natural ingredients.

Best used for

  • Rustic interior design themes
  • Farmhouse style branding and logos
  • E-commerce sites for artisan goods
  • Packaging for organic or natural products
  • Websites for woodworking or craft businesses
  • Autumnal or nature-themed digital graphics

Suggested color roles

primary

Use #8B4513 as a dominant, classic wood tone for large elements or primary branding.

secondary

Employ #A0522D for supporting sections or call-to-action buttons, offering a slightly warmer, inviting feel.

accent

Apply #693A1F for subtle accents, borders, or hover states, providing a deeper, richer contrast.

background

Utilize #2E190D as a deep, grounding background for a strong, luxurious base, or #4D2A18 for a slightly less intense dark backdrop.

text

For dark backgrounds, use white or a light cream. On lighter browns like #A0522D, a deep charcoal or #4D2A18 ensures readability.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter browns with white text; aim for a minimum WCAG AA ratio.
  • Use #2E190D or #4D2A18 for text on very light backgrounds (e.g., off-white) for optimal readability.
  • Avoid using mid-tone browns like #A0522D on similar mid-tone backgrounds to prevent low contrast issues.
  • Consider using a bold font for text on colors like #693A1F to enhance legibility, even if contrast is acceptable.

Recommended combinations

Rustic Harmony

Ideal for a cohesive brand identity, combining warm and deep wood tones for a balanced look.

#A0522D · #8B4513 · #693A1F

Deep Timber

Perfect for backgrounds and foundational elements, providing a rich, sophisticated depth.

#4D2A18 · #2E190D · #693A1F

Warm Earth

Excellent for creating a strong, natural presence in headers or hero sections with clear hierarchy.

#A0522D · #8B4513 · #2E190D

CSS variables

:root {
  --rustic-barn-wood-5-1: #A0522D;
  --rustic-barn-wood-5-2: #8B4513;
  --rustic-barn-wood-5-3: #693A1F;
  --rustic-barn-wood-5-4: #4D2A18;
  --rustic-barn-wood-5-5: #2E190D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-barn-wood-5": {
        1: "#A0522D",
        2: "#8B4513",
        3: "#693A1F",
        4: "#4D2A18",
        5: "#2E190D",
      }
    }
  }
}

Related searches

rustic brown color paletteweathered wood hex codesearthy design colorsfarmhouse style brownsnatural wood color scheme

Palette colors

Hex values

Color 1#A0522D
·
Color 2#8B4513
·
Color 3#693A1F
·
Color 4#4D2A18
·
Color 5#2E190D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.3:1Fail
3:1Fail
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.3:1Fail
3
1.7:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
2.3:1Fail
1.8:1Fail
1.3:1Fail
1.3:1Fail
5
3:1Fail
2.3:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Rustic Barn Wood

View all earth