Palette

Rustic Orchard

Earthy browns and warm oranges evoke the cozy, lived-in charm of a rustic farmhouse surrounded by an orchard.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A0522D#CD853F#DEB887#F4A460#8B4513

Palette guide

How to use Rustic Orchard

Overview

The "Rustic Orchard" palette elegantly captures the cozy, lived-in charm of a farmhouse nestled within an orchard. Dominated by earthy browns and warm oranges, it features a grounding 'Sienna' (#A0522D), a classic 'Peru' (#CD853F), a soft 'Burly Wood' (#DEB887), a vibrant 'Sandy Brown' (#F4A460), and a deep 'Saddle Brown' (#8B4513). This palette is perfectly suited for designers and developers aiming to evoke a sense of heritage, comfort, and natural simplicity. Its harmonious blend of natural tones creates an inviting and authentic aesthetic across various applications, from digital interfaces to print materials.

Best used for

Farmhouse style interior design websites
Rustic wedding stationery and event branding
Artisanal craft and handmade product showcases
Country living blogs or e-commerce stores
Natural and organic food packaging
Outdoor and nature-themed digital experiences

Suggested color roles

primary

Use #CD853F (Peru) for primary calls to action, headings, and key elements. Its warm, inviting tone draws attention effectively.

secondary

Apply #DEB887 (Burly Wood) as a soft, supportive color for backgrounds, secondary navigation, or subtle details, providing a gentle base.

accent

Incorporate #A0522D (Sienna) for borders, icons, or subtle highlights. Its deeper, earthy tone adds definition and a touch of rustic sophistication.

background

Utilize #DEB887 (Burly Wood) or a slightly lighter cream (e.g., #FCF8F5) as a warm, neutral background. This ensures readability and a cohesive, soft aesthetic.

text

Opt for #8B4513 (Saddle Brown) for body text and important information. This deep brown offers excellent contrast against lighter background colors for optimal legibility.

Accessibility notes

Ensure #8B4513 (Saddle Brown) on #DEB887 (Burly Wood) meets WCAG AA contrast standards for body text.
Text or interactive elements in #F4A460 (Sandy Brown) will likely require a darker color like #8B4513 or white for sufficient contrast.
Avoid using #DEB887 (Burly Wood) for critical text against other light colors in the palette due to low contrast.
Test color pairings for readability across different screen types and lighting conditions.

Recommended combinations

Farmhouse Warmth

Creates a cozy and inviting atmosphere, perfect for hero sections or welcoming banners.

#CD853F · #DEB887 · #A0522D

Orchard Earth

Provides a natural, readable foundation for content blocks, articles, or user interface elements.

#DEB887 · #8B4513 · #F4A460

Rustic Depth

Adds a rich, robust feel suitable for footers, navigation, or strong brand statements.

#A0522D · #CD853F · #8B4513

CSS variables

:root {
  --rustic-orchard-1: #A0522D;
  --rustic-orchard-2: #CD853F;
  --rustic-orchard-3: #DEB887;
  --rustic-orchard-4: #F4A460;
  --rustic-orchard-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-orchard": {
        1: "#A0522D",
        2: "#CD853F",
        3: "#DEB887",
        4: "#F4A460",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#A0522D

Color 2#CD853F

Color 3#DEB887

Color 4#F4A460

Color 5#8B4513

Accessibility

Contrast checker

1.9:1Fail

3:1AA18

2.8:1Fail

1.3:1Fail

1.9:1Fail

1.6:1Fail

1.5:1Fail

2.4:1Fail

3:1AA18

1.6:1Fail

1.1:1Fail

3.8:1AA18

2.8:1Fail

1.5:1Fail

1.1:1Fail

3.5:1AA18

1.3:1Fail

2.4:1Fail

3.8:1AA18

3.5:1AA18

Similar palettes

More like Rustic Orchard