Back to palettes

Palette

Rustic Countryside Path

Warm, muted browns and beiges evoke the simple charm of a weathered path in the rural landscape.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustic Countryside Path 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 Countryside Path.

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

Data visualization

#543118#7F482D#AE6D4D#CC8C6F#EBD2B6

Palette guide

How to use Rustic Countryside Path

Overview

The Rustic Countryside Path palette captures the simple charm of a weathered rural landscape, featuring a harmonious gradient of warm, muted browns and beiges. Starting from the deep, grounding #543118, it transitions through mid-tones like #7F482D and #AE6D4D, leading to the soft, lighter shades of #CC8C6F and #EBD2B6. This collection is ideal for designers aiming to evoke a sense of history, nature, and quiet strength in their projects. Developers can implement these hex codes to create web themes, app interfaces, or digital art that feels organic, authentic, and easy on the eyes, perfectly suiting brands that value tradition, craftsmanship, or environmental connection.

Best used for

  • Nature photography portfolios
  • Heritage brand identities
  • Rustic-themed websites and blogs
  • Outdoor gear and apparel branding
  • Organic food packaging
  • Documentary film aesthetics

Suggested color roles

primary

Use #7F482D as a core brown for main content blocks or navigation, providing a stable and inviting presence.

secondary

The warmer #AE6D4D is excellent for secondary headings, illustrations, or larger accents, adding a touch of gentle warmth.

accent

Employ the deepest brown, #543118, for strong accents, important call-to-actions, or footer elements to provide grounding and contrast.

background

The softest beige, #EBD2B6, serves as an airy, natural background, allowing the deeper browns to stand out with clarity.

text

For optimal readability on light backgrounds, use #543118 (darkest brown) or a deep charcoal black. Consider #333333 for general body text.

Accessibility notes

  • Ensure sufficient contrast between #EBD2B6 and any text placed upon it, especially for smaller font sizes.
  • Avoid using #CC8C6F or #AE6D4D for small text on similar mid-tone backgrounds, as contrast may be insufficient.
  • The dark #543118 provides excellent contrast for text on lighter shades like #EBD2B6; prioritize this pairing for critical information.
  • When using color gradients, ensure clear distinctions are maintained for users with color vision impairments.

Recommended combinations

Forest Floor

Creates a strong, natural contrast, perfect for earthy branding or robust website headers.

#543118 · #7F482D · #EBD2B6

Misty Path

Offers a softer, more ethereal feel, suitable for delicate illustrations or background gradients.

#AE6D4D · #CC8C6F · #EBD2B6

Rustic Roots

Excellent for defining sections or creating a layered look in UI design, emphasizing depth and tradition.

#7F482D · #543118 · #AE6D4D

CSS variables

:root {
  --rustic-countryside-path-1: #543118;
  --rustic-countryside-path-2: #7F482D;
  --rustic-countryside-path-3: #AE6D4D;
  --rustic-countryside-path-4: #CC8C6F;
  --rustic-countryside-path-5: #EBD2B6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-countryside-path": {
        1: "#543118",
        2: "#7F482D",
        3: "#AE6D4D",
        4: "#CC8C6F",
        5: "#EBD2B6",
      }
    }
  }
}

Related searches

countryside brown paletteweathered path colorsearth tone gradientrustic nature schemefarm landscape colors

Palette colors

Hex values

Color 1#543118
·
Color 2#7F482D
·
Color 3#AE6D4D
·
Color 4#CC8C6F
·
Color 5#EBD2B6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
4.1:1AA18
7.9:1AAA
2
1.6:1Fail
1.8:1Fail
2.6:1Fail
5:1AA
3
2.8:1Fail
1.8:1Fail
1.5:1Fail
2.8:1Fail
4
4.1:1AA18
2.6:1Fail
1.5:1Fail
1.9:1Fail
5
7.9:1AAA
5:1AA
2.8:1Fail
1.9:1Fail

Similar palettes

More like Rustic Countryside Path

View all earth
Rustic Barn Wood
Rustic Hay Bale
Weathered Barn Wood
Aged Copper Patina
Aged Leather Comfort
Aged Manuscript Bindings