Back to palettes

Palette

Weathered Barn Wood

Natural, worn brown tones inspired by old, sun-weathered barn wood and country aesthetics.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7B3F00#964B00#B36200#CC7A00#E69100

Palette guide

How to use Weathered Barn Wood

Overview

The Weathered Barn Wood palette offers a rich, earthy foundation for designs seeking a rustic, natural, and inviting aesthetic. Inspired by aged timber, these warm brown and deep orange tones evoke a sense of heritage and comfort. From the deep, grounding #7B3F00 to the vibrant, sun-kissed #E69100, and the versatile mid-tone #B36200, this collection provides a harmonious range for creating depth and warmth. Ideal for projects aiming for an organic or vintage feel, it ensures a cohesive and visually appealing experience. Developers will find these hex codes easy to implement for consistent branding across web and print.

Best used for

  • Rustic brand identity and logos
  • Farm-to-table restaurant websites and menus
  • Vintage-themed digital interfaces or apps
  • Interior design mood boards for country aesthetics
  • Craft and artisan product packaging design
  • Nature-inspired digital illustrations and art

Suggested color roles

primary

Use #7B3F00 as a foundational color for headers, main sections, or brand logos to establish a deep, stable presence.

secondary

Apply #964B00 or #B36200 for subheadings, navigation elements, or secondary graphic details, providing warmth and depth.

accent

Deploy #E69100 as a bright highlight for calls-to-action, important notifications, or small decorative elements to draw attention.

background

A soft, light cream or off-white background works beautifully to let the warmer browns shine, or use #CC7A00 for a richer, textured backdrop.

text

Opt for a very dark brown like #7B3F00 for body text against lighter backgrounds, or use a near-black charcoal for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when using lighter palette colors like #E69100 for text; it will likely require a very dark background or larger font sizes.
  • The deep #7B3F00 offers excellent readability for text against light backgrounds, making it a strong choice for primary body copy.
  • Avoid pairing #CC7A00 with #E69100 for interactive elements or text, as their proximity in value will significantly reduce legibility.
  • Always check contrast ratios for all text and interactive elements using WCAG guidelines, especially with the mid-range browns.

Recommended combinations

Rustic Base

Ideal for establishing a strong, earthy core for branding, background textures, or main content blocks.

#7B3F00 · #964B00 · #B36200

Warm Accent

Excellent for highlighting key information, interactive elements, or creating a vibrant, inviting focal point.

#B36200 · #CC7A00 · #E69100

Earthy Depth

Provides a balance of deep grounding and bright warmth, suitable for headers, calls-to-action, or layered design elements.

#7B3F00 · #CC7A00 · #E69100

CSS variables

:root {
  --weathered-barn-wood-1: #7B3F00;
  --weathered-barn-wood-2: #964B00;
  --weathered-barn-wood-3: #B36200;
  --weathered-barn-wood-4: #CC7A00;
  --weathered-barn-wood-5: #E69100;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "weathered-barn-wood": {
        1: "#7B3F00",
        2: "#964B00",
        3: "#B36200",
        4: "#CC7A00",
        5: "#E69100",
      }
    }
  }
}

Related searches

rustic brown color paletteweathered wood hex codesfarm aesthetic colorsvintage earthy palettenatural brown orange scheme

Palette colors

Hex values

Color 1#7B3F00
·
Color 2#964B00
·
Color 3#B36200
·
Color 4#CC7A00
·
Color 5#E69100
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.5:1Fail
3.3:1AA18
2
1.3:1Fail
1.4:1Fail
1.9:1Fail
2.5:1Fail
3
1.8:1Fail
1.4:1Fail
1.4:1Fail
1.8:1Fail
4
2.5:1Fail
1.9:1Fail
1.4:1Fail
1.3:1Fail
5
3.3:1AA18
2.5:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Weathered Barn Wood

View all earth
Rustic Barn Wood
Aged Leather Comfort
Aged Manuscript Bindings
Aged Timber Charm
Aged Wood Stain
Country Farmstead Comfort