Back to palettes

Palette

Weathered Barn Planks

Warm, authentic browns and tans that echo the weathered charm of an old barn.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CD853F#F5DEB3#A0522D#D2B48C

Palette guide

How to use Weathered Barn Planks

Overview

The Weathered Barn Planks color palette evokes the rustic charm and natural warmth of aged timber. Featuring a rich spectrum of browns and tans, this collection, including deep #8B4513 (Saddle Brown) and earthy #A0522D (Sienna), offers a grounded and authentic feel. Mid-tones like #CD853F (Peru) and #D2B48C (Tan) provide depth, while the soft, creamy #F5DEB3 (Wheat) brightens the overall scheme. Ideal for projects aiming for a farmhouse aesthetic, a cozy atmosphere, or a connection to nature, this palette ensures a cohesive and inviting visual experience. Designers and developers can leverage its organic versatility for branding, web design, or interior concepts, crafting designs that feel timeless and comforting.

Best used for

  • Farmhouse interior design and decor
  • Rustic brand identity for artisanal goods
  • Cozy café or restaurant branding
  • Website themes for natural products or eco-friendly businesses
  • Book covers or packaging for historical or nature themes
  • Event invitations with a natural, earthy feel

Suggested color roles

primary

#8B4513 (Saddle Brown) - Use for prominent elements like headers, primary buttons, or dominant branding accents to establish a strong, earthy foundation.

secondary

#A0522D (Sienna) - Excellent for subheadings, secondary calls-to-action, or large content blocks to add a complementary, warm depth.

accent

#CD853F (Peru) - Best for small, impactful details such as icons, highlight text, or interactive elements that need to stand out with a touch of warmth.

background

#F5DEB3 (Wheat) - A soft, light tan perfect for main content areas, large background sections, or body elements to create an inviting, natural canvas.

text

#8B4513 (Saddle Brown) - Provides excellent readability against lighter backgrounds, offering a softer alternative to black while maintaining a cohesive, natural feel. A dark charcoal could also be used for maximum contrast.

Accessibility notes

  • Ensure sufficient contrast between #8B4513 or #A0522D text and #F5DEB3 backgrounds for optimal readability, meeting WCAG AA standards.
  • Avoid using #CD853F or #D2B48C for small text on backgrounds like #F5DEB3 without checking contrast ratios, as they might not pass.
  • For interactive elements using #CD853F, ensure they have a clear visual focus state that contrasts well with both #F5DEB3 and darker browns.
  • When pairing mid-tones like #CD853F and #D2B48C, use them in larger blocks or as visual separators rather than for critical text on each other.

Recommended combinations

Rustic Elegance

Ideal for sophisticated farmhouse branding, creating a balanced look with deep browns and a light, airy tan.

#8B4513 · #F5DEB3 · #A0522D

Warm Hearth

Perfect for cozy interior themes or digital interfaces that aim for a warm, inviting, and slightly vintage feel.

#CD853F · #D2B48C · #8B4513

Natural Texture

Use for web design elements or product packaging where a layered, organic, and textured appearance is desired.

#A0522D · #F5DEB3 · #CD853F

CSS variables

:root {
  --weathered-barn-planks-1: #8B4513;
  --weathered-barn-planks-2: #CD853F;
  --weathered-barn-planks-3: #F5DEB3;
  --weathered-barn-planks-4: #A0522D;
  --weathered-barn-planks-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "weathered-barn-planks": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#F5DEB3",
        4: "#A0522D",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

rustic color schemesfarmhouse brown palettenatural wood color codesearthy tan hex codeswarm antique colors

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#F5DEB3
·
Color 4#A0522D
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
5.4:1AA
1.3:1Fail
3.6:1AA18
2
2.4:1Fail
2.3:1Fail
1.9:1Fail
1.5:1Fail
3
5.4:1AA
2.3:1Fail
4.3:1AA18
1.5:1Fail
4
1.3:1Fail
1.9:1Fail
4.3:1AA18
2.8:1Fail
5
3.6:1AA18
1.5:1Fail
1.5:1Fail
2.8:1Fail

Similar palettes

More like Weathered Barn Planks

View all earth