Back to palettes

Palette

Rustic Barnwood Shade

Earthy, muted browns and grays, like the sun-weathered planks of an old, charming rustic barn.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5D4A3D#8B7362#BCA89A#E4D7CC#745F51

Palette guide

How to use Rustic Barnwood Shade

Overview

The Rustic Barnwood Shade palette offers a sophisticated collection of earthy, muted browns and grays, reminiscent of sun-weathered planks on an old, charming barn. From the deep #5D4A3D to the very light #E4D7CC, and including versatile mid-tones like #8B7362 and #BCA89A, this palette is ideal for designers seeking a serene, understated rustic aesthetic. Its neutral yet warm character makes it perfect for minimalist designs, providing a calming backdrop. Developers will appreciate the clear contrast potential, particularly with #E4D7CC, ensuring excellent readability for web and app interfaces that require a natural, yet refined, feel.

Best used for

  • Minimalist rustic interior design
  • Sophisticated farmhouse branding
  • Architectural rendering and visualization
  • Serene web layouts and blog themes
  • Natural product packaging with an understated elegance
  • Digital art and photography backdrops

Suggested color roles

primary

Use #8B7362 as a versatile mid-tone for main content areas or brand identity, offering a muted warmth.

secondary

Employ #5D4A3D for supporting sections or darker accents, providing a deep, grounding gray-brown.

accent

Apply #BCA89A for subtle highlights, borders, or light text on dark backgrounds, offering a soft, muted contrast.

background

Utilize #E4D7CC as a very light, almost off-white background for excellent readability and a spacious feel.

text

For optimal contrast on light backgrounds like #E4D7CC, use #5D4A3D or a rich charcoal for body text.

Accessibility notes

  • Pair #5D4A3D with #E4D7CC for text to achieve high WCAG AA contrast, ensuring maximum readability.
  • Be cautious when using #BCA89A for text, as it requires a significantly darker background to ensure legibility.
  • Ensure interactive elements using #8B7362 provide clear visual feedback on hover/focus due to its muted nature.
  • Avoid placing similar muted tones like #8B7362 and #745F51 directly adjacent without sufficient contrast for visual separation.

Recommended combinations

Shaded Wood

Ideal for creating depth and subtle transitions in backgrounds or layered elements.

#5D4A3D · #8B7362 · #BCA89A

Light & Airy

Excellent for main content areas, providing a clean, readable layout with natural accents.

#E4D7CC · #745F51 · #BCA89A

Muted Earth

Perfect for conveying a sophisticated, understated rustic feel in headers or image overlays.

#8B7362 · #745F51 · #E4D7CC

CSS variables

:root {
  --rustic-barnwood-shade-1: #5D4A3D;
  --rustic-barnwood-shade-2: #8B7362;
  --rustic-barnwood-shade-3: #BCA89A;
  --rustic-barnwood-shade-4: #E4D7CC;
  --rustic-barnwood-shade-5: #745F51;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-barnwood-shade": {
        1: "#5D4A3D",
        2: "#8B7362",
        3: "#BCA89A",
        4: "#E4D7CC",
        5: "#745F51",
      }
    }
  }
}

Related searches

muted brown gray paletteweathered wood neutral colorsminimalist rustic designearthy serene color schemefarmhouse gray brown tones

Palette colors

Hex values

Color 1#5D4A3D
·
Color 2#8B7362
·
Color 3#BCA89A
·
Color 4#E4D7CC
·
Color 5#745F51
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.7:1AA18
5.9:1AA
1.4:1Fail
2
1.9:1Fail
1.9:1Fail
3.2:1AA18
1.4:1Fail
3
3.7:1AA18
1.9:1Fail
1.6:1Fail
2.6:1Fail
4
5.9:1AA
3.2:1AA18
1.6:1Fail
4.3:1AA18
5
1.4:1Fail
1.4:1Fail
2.6:1Fail
4.3:1AA18

Similar palettes

More like Rustic Barnwood Shade

View all neutral
Coastal Driftwood Relic
Seaside Driftwood Whisper
Willow Weave
Aged Leather Comfort
Antique Library Scroll
Coastal Driftwood