Back to palettes

Palette

Rustic Hay Bale

Warm, golden browns and creams reminiscent of dry hay bales and harvest fields under the autumn sun.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustic Hay Bale 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 Hay Bale.

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

Data visualization

#8A683F#B29167#DDB98B#EAD6B5#F5F1E2

Palette guide

How to use Rustic Hay Bale

Overview

The Rustic Hay Bale palette offers a soothing collection of warm, golden browns and creams, reminiscent of sun-dried fields and natural textures. Featuring shades from the rich #8A683F to the inviting #DDB98B, and the soft, almost-white #F5F1E2, this palette is perfect for designs seeking an organic, comforting, and understated elegance. Developers will appreciate the clear hierarchy for UI elements, while designers can leverage its gentle transitions to create serene and welcoming user experiences. The versatile #B29167 and the delicate #EAD6B5 complete this harmonious set, ideal for conveying purity and rustic charm.

Best used for

  • Organic skincare and beauty product branding
  • Natural fiber textiles and sustainable fashion
  • Farm-to-table restaurant interiors and branding
  • Vintage-inspired graphic design projects
  • Cozy blog themes and lifestyle websites
  • Home staging and interior design mood boards

Suggested color roles

primary

Use #8A683F for strong, foundational elements like headers, footers, or important typography, providing depth and stability.

secondary

Apply #B29167 to main content areas, subheadings, or card backgrounds for a warm, natural, and highly readable base.

accent

Highlight subtle details, decorative elements, or secondary calls to action with the gentle #DDB98B for a touch of warmth and light.

background

The lightest shade, #F5F1E2, or #EAD6B5 serves as an excellent clean, warm background, providing ample space for content.

text

For optimal readability, use a dark brown (like #8A683F) or charcoal on the lighter backgrounds. White or cream text works well on #8A683F.

Accessibility notes

  • Text on #F5F1E2, #EAD6B5, and #DDB98B will require a very dark text color for sufficient contrast.
  • Ensure interactive elements have enough contrast against their background, especially with the lighter shades.
  • The darkest color, #8A683F, provides excellent contrast for white or light-colored text.
  • Avoid pairing #EAD6B5 with #DDB98B for text/background without careful contrast checks.

Recommended combinations

Rustic Ground

Ideal for primary branding, headers, and key informational blocks, establishing a strong, natural, and inviting presence.

#8A683F · #B29167 · #DDB98B

Soft Fields

Excellent for clean backgrounds, secondary content, and subtle accents, creating an airy, sophisticated, and serene feel.

#EAD6B5 · #F5F1E2 · #8A683F

Golden Textures

Use for supporting elements, UI components, or visual hierarchy, offering gentle transitions and enhanced readability.

#B29167 · #DDB98B · #EAD6B5

CSS variables

:root {
  --rustic-hay-bale-1: #8A683F;
  --rustic-hay-bale-2: #B29167;
  --rustic-hay-bale-3: #DDB98B;
  --rustic-hay-bale-4: #EAD6B5;
  --rustic-hay-bale-5: #F5F1E2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-hay-bale": {
        1: "#8A683F",
        2: "#B29167",
        3: "#DDB98B",
        4: "#EAD6B5",
        5: "#F5F1E2",
      }
    }
  }
}

Related searches

hay bale color schemerustic cream brown palettenatural earthy toneswarm farmhouse style colorssoft autumn design palette

Palette colors

Hex values

Color 1#8A683F
·
Color 2#B29167
·
Color 3#DDB98B
·
Color 4#EAD6B5
·
Color 5#F5F1E2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
3.6:1AA18
4.5:1AA18
2
1.7:1Fail
1.6:1Fail
2.1:1Fail
2.6:1Fail
3
2.8:1Fail
1.6:1Fail
1.3:1Fail
1.6:1Fail
4
3.6:1AA18
2.1:1Fail
1.3:1Fail
1.3:1Fail
5
4.5:1AA18
2.6:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Rustic Hay Bale

View all earth
Aged Wood Stain
Ancient Clay Vessel
Autumn Wood Glade
Bohemian Earth Weave
Bohemian Loom Tapestry
Canyon Clay Whisper