Palette

Rustic Barn Dance

A cozy and inviting palette that evokes the warmth of a rustic barn and country living.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#A0522D#D2B48C#F5DEB3#5F321B

Palette guide

How to use Rustic Barn Dance

Overview

The "Rustic Barn Dance" palette is a warm and inviting collection that perfectly captures the cozy atmosphere of a country gathering. It features a rich saddle brown (#8B4513), a deep russet (#A0522D), a soft tan (#D2B48C), a creamy light beige (#F5DEB3), and a very deep, dark brown (#5F321B). This cohesive range of earthy tones allows designers to create visually harmonious and comforting designs. Developers will find these colors excellent for building interfaces and materials that evoke a sense of tradition, warmth, and natural elegance, ensuring a consistent and pleasant user experience.

Best used for

Cozy cafe or bakery branding
Rustic wedding or engagement photography themes
Fall harvest festival marketing materials
Website design for artisanal crafts or organic goods
Interior design for country homes or cabins
Packaging for gourmet food or natural beauty products

Suggested color roles

primary

Use #8B4513 as a strong primary color for headers, navigation, or main content blocks, conveying warmth and depth.

secondary

The inviting #A0522D works well for subheadings, key highlights, or decorative elements, adding a touch of richness.

accent

#D2B48C can be used for subtle accents, interactive elements, or backgrounds where a lighter, softer touch is needed.

background

#F5DEB3 provides a soft, luminous background that allows darker text and elements to stand out clearly.

text

For light backgrounds like #F5DEB3, use #5F321B or a deep charcoal for optimal readability. For darker backgrounds, #F5DEB3 works well.

Accessibility notes

Ensure adequate contrast for text, especially when pairing #D2B48C with #F5DEB3 for small font sizes.
#F5DEB3 provides a good base, but always use a significantly darker color like #5F321B for body text.
Avoid using #A0522D for critical text if it doesn't meet WCAG contrast guidelines against its background.
Always verify contrast ratios for all text and interactive elements using an accessibility checker.

Recommended combinations

Deep Country

Creates a rich, layered wood-like effect, suitable for strong branding or background textures.

#5F321B · #8B4513 · #A0522D

Warm Light

Ideal for creating a soft, inviting atmosphere, perfect for hero sections or light UI elements.

#F5DEB3 · #D2B48C · #A0522D

Classic Rustic

Provides strong contrast and a timeless feel, excellent for headings, main content, and backgrounds.

#8B4513 · #F5DEB3 · #5F321B

CSS variables

:root {
  --rustic-barn-dance-1: #8B4513;
  --rustic-barn-dance-2: #A0522D;
  --rustic-barn-dance-3: #D2B48C;
  --rustic-barn-dance-4: #F5DEB3;
  --rustic-barn-dance-5: #5F321B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-barn-dance": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#D2B48C",
        4: "#F5DEB3",
        5: "#5F321B",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#A0522D

Color 3#D2B48C

Color 4#F5DEB3

Color 5#5F321B

Accessibility

Contrast checker

1.3:1Fail

3.6:1AA18

5.4:1AA

1.5:1Fail

1.3:1Fail

2.8:1Fail

4.3:1AA18

1.9:1Fail

3.6:1AA18

2.8:1Fail

1.5:1Fail

5.4:1AA

4.3:1AA18

1.5:1Fail

8.2:1AAA

1.5:1Fail

1.9:1Fail

5.4:1AA

8.2:1AAA

Similar palettes

More like Rustic Barn Dance

Rustic Barn Dance

See it in context.

Ready when you are.

Built with Rustic Barn Dance.

How to use Rustic Barn Dance

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Country

Warm Light

Classic Rustic

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Rustic Barn Dance