Palette

Rustic Barnwood Tones

Weathered and warm brown hues, reflecting the aged beauty of rustic barnwood.

EarthNatural5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustic Barnwood Tones 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 Barnwood Tones.

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

Data visualization

#8B4513#A0522D#CD853F#D2B48C#B58A67

Palette guide

How to use Rustic Barnwood Tones

Overview

The Rustic Barnwood Tones palette presents a rich spectrum of warm, weathered brown hues that beautifully reflect the aged beauty of rustic barnwood. From the classic #8B4513 and #A0522D to the sun-kissed #CD853F and the soft #D2B48C, this collection offers designers a robust and inviting range. It's an excellent choice for projects requiring an authentic, natural, and cozy aesthetic. These tones provide ample opportunity for creating depth and visual interest, making them suitable for everything from traditional branding and robust web interfaces to natural product packaging that evokes warmth and reliability.

Best used for

Authentic heritage brand identities
Traditional signage and wayfinding
Natural food and beverage packaging
Autumnal and harvest festival themes
Cozy digital interfaces and blog designs
Rustic event decor and invitations

Suggested color roles

primary

Use #A0522D as a rich, classic brown for dominant elements, conveying warmth and tradition.

secondary

Employ #8B4513 for supporting sections or call-to-action buttons, providing a deeper, foundational wood tone.

accent

Apply #CD853F for a brighter, warm accent in illustrations, icons, or subtle highlights.

background

Utilize #D2B48C as a light tan, soft base for content areas, offering good readability.

text

For optimal contrast on lighter backgrounds like #D2B48C, use #8B4513 or a deep charcoal for body text.

Accessibility notes

Ensure sufficient contrast when pairing #CD853F with similar mid-tone backgrounds; aim for WCAG AA.
Use #8B4513 or #A0522D for text on #D2B48C to ensure strong readability for all users.
Avoid using #B58A67 for small text on backgrounds like #CD853F due to potential low contrast.
Check contrast for all interactive elements to ensure clear visual states (e.g., hover, active).

Recommended combinations

Warm Wood Blend

Ideal for creating inviting headers or showcasing products with a natural, sun-kissed feel.

#A0522D · #CD853F · #D2B48C

Aged Timber

Excellent for backgrounds or strong visual elements, conveying robust depth and authenticity.

#8B4513 · #B58A67 · #A0522D

Natural Glow

Perfect for highlighting subtle details or creating a soft, warm aesthetic in supporting graphics.

#D2B48C · #CD853F · #B58A67

CSS variables

:root {
  --rustic-barnwood-tones-1: #8B4513;
  --rustic-barnwood-tones-2: #A0522D;
  --rustic-barnwood-tones-3: #CD853F;
  --rustic-barnwood-tones-4: #D2B48C;
  --rustic-barnwood-tones-5: #B58A67;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-barnwood-tones": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#CD853F",
        4: "#D2B48C",
        5: "#B58A67",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#A0522D

Color 3#CD853F

Color 4#D2B48C

Color 5#B58A67

Accessibility

Contrast checker

1.3:1Fail

2.4:1Fail

3.6:1AA18

2.3:1Fail

1.3:1Fail

1.9:1Fail

2.8:1Fail

1.8:1Fail

2.4:1Fail

1.9:1Fail

1.5:1Fail

1:1Fail

3.6:1AA18

2.8:1Fail

1.5:1Fail

1.6:1Fail

2.3:1Fail

1.8:1Fail

1:1Fail

1.6:1Fail

Similar palettes

More like Rustic Barnwood Tones

View all Earth

Cabin Twilight Hearth