Palette

Rustic Barn Charm

Warm, comforting browns and tans, evoking the timeless appeal of an old, weathered barn.

Earthnatural5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustic Barn Charm 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 Charm.

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

Data visualization

#7A5B3D#B48D6C#D2C0A5#4F3827#966E4C

Palette guide

How to use Rustic Barn Charm

Overview

This "Rustic Barn Charm" palette embodies the timeless appeal of aged wood and natural textures. Featuring a deep, rich brown (#4F3827), a warm medium brown (#7A5B3D), a softer tan (#966E4C), a lighter beige (#B48D6C), and a muted, creamy off-white (#D2C0A5), it creates an atmosphere of grounded comfort. Designers can use these hues to build authentic, organic aesthetics, perfect for projects requiring a sense of history or natural elegance. Developers will appreciate the cohesive range, making it easy to establish visual hierarchy and consistency across various digital and physical touchpoints without harsh contrasts.

Best used for

Heritage brand identity design
Rustic wedding stationery and decor
Natural product packaging (e.g., coffee, wood crafts)
Website design for antique shops or cozy cafes
Interior design concepts for cabins or farmhouses
Photography backdrops for natural product shots

Suggested color roles

primary

Employ #4F3827 for robust foundations like footers, navigation, or strong brand statements, exuding depth.

secondary

The inviting #7A5B3D works well for main content areas or larger graphic elements, maintaining warmth.

accent

Use #966E4C or #B48D6C for subtle highlights, interactive elements, or decorative details where a gentle pop is desired.

background

#D2C0A5 offers a soft, neutral base, providing excellent readability for darker text and a comforting feel.

text

A dark shade like #4F3827 or a classic charcoal provides optimal contrast against #D2C0A5. For darker backgrounds, use #D2C0A5.

Accessibility notes

Ensure sufficient contrast for text, especially when using lighter shades like #B48D6C against #D2C0A5 for small text.
#D2C0A5 provides a good light background, but always pair it with a dark text color like #4F3827 for readability.
Avoid using #B48D6C or #966E4C for critical interface elements if they don't meet WCAG contrast ratios against adjacent colors.
Always verify contrast ratios for all text and interactive elements using an appropriate tool.

Recommended combinations

Deep Wood

Excellent for establishing a rich, layered wood texture or masculine branding.

#4F3827 · #7A5B3D · #966E4C

Soft Earth

Creates a gentle, inviting feel, perfect for backgrounds or subtle decorative elements.

#D2C0A5 · #B48D6C · #966E4C

Balanced Contrast

Strong yet harmonious, suitable for main headings, body text, and background pairings.

#4F3827 · #D2C0A5 · #7A5B3D

CSS variables

:root {
  --rustic-barn-charm-5-1: #7A5B3D;
  --rustic-barn-charm-5-2: #B48D6C;
  --rustic-barn-charm-5-3: #D2C0A5;
  --rustic-barn-charm-5-4: #4F3827;
  --rustic-barn-charm-5-5: #966E4C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-barn-charm-5": {
        1: "#7A5B3D",
        2: "#B48D6C",
        3: "#D2C0A5",
        4: "#4F3827",
        5: "#966E4C",
      }
    }
  }
}

Hex values

Color 1#7A5B3D

Color 2#B48D6C

Color 3#D2C0A5

Color 4#4F3827

Color 5#966E4C

Accessibility

Contrast checker

2.1:1Fail

3.5:1AA18

1.8:1Fail

1.4:1Fail

2.1:1Fail

1.7:1Fail

3.6:1AA18

1.5:1Fail

3.5:1AA18

1.7:1Fail

6.1:1AA

2.6:1Fail

1.8:1Fail

3.6:1AA18

6.1:1AA

2.4:1Fail

1.4:1Fail

1.5:1Fail

2.6:1Fail

2.4:1Fail

Similar palettes

More like Rustic Barn Charm

View all Earth

Rustic Cabin Cozy

Moroccan Spice Market

Rustic Clay Artisan

Rustic Market Harvest

Sun Drenched Provence

Sunbaked Canyon Walls