Palette

Orchard Grove Bounty

Warm, rich tones inspired by a bountiful autumn orchard, filled with ripe fruits and falling leaves.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7A3F2A#A6663E#D18F58#EBAF7D#FFD9B2

Palette guide

How to use Orchard Grove Bounty

Overview

The Orchard Grove Bounty palette captures the warm, rich tones of a bountiful autumn orchard, filled with ripe fruits and falling leaves. This earthy collection features a harmonious gradient from deep #7A3F2A (dark brown) to a soft #FFD9B2 (light beige). Mid-tones like #A6663E (medium brown) and #D18F58 (orange-brown) provide inviting warmth and depth. Ideal for conveying natural beauty and rustic charm, this palette offers designers and developers a sophisticated yet comforting range. It's perfect for creating grounded, organic designs that evoke the cozy feeling of harvest season, ensuring a timeless and appealing aesthetic.

Best used for

Rustic and artisanal brand identities
Autumn-themed marketing campaigns
Cozy home decor and interior design concepts
Natural product packaging (e.g., coffee, baked goods)
Websites and blogs with an organic or heritage feel
Craft and DIY project instructions

Suggested color roles

primary

Utilize #A6663E (medium brown) for main content areas, navigation, or as a foundational brand color, offering warmth and stability.

secondary

Apply #D18F58 (orange-brown) for supporting elements, subheadings, or to add an inviting, sun-kissed accent.

accent

Reserve #7A3F2A (dark brown) for strong contrast, important calls to action, or deep grounding elements, providing depth.

background

Use #FFD9B2 (light beige) as a soft, warm, and highly readable background color for content-heavy pages.

text

For optimal legibility, use #7A3F2A (dark brown) for body text and headings on lighter backgrounds.

Accessibility notes

Ensure sufficient contrast between #7A3F2A (dark brown) text and #FFD9B2 (light beige) backgrounds for readability.
Be mindful of contrast when layering mid-tones like #A6663E and #D18F58; avoid using them for small, critical text.
Text on #EBAF7D should be dark enough to meet WCAG contrast guidelines.
This palette inherently offers good dark-on-light contrast, but always test specific pairings.

Recommended combinations

Harvest Contrast

Excellent for clear text on a light background with a warm accent, ideal for main content blocks.

#7A3F2A · #FFD9B2 · #D18F58

Earthy Gradient

Perfect for creating smooth visual transitions in hero images, banners, or decorative backgrounds.

#A6663E · #D18F58 · #EBAF7D

Rustic Depth

Use for layered elements, card designs, or to provide visual structure with varying levels of warmth.

#FFD9B2 · #EBAF7D · #7A3F2A

CSS variables

:root {
  --orchard-grove-bounty-1: #7A3F2A;
  --orchard-grove-bounty-2: #A6663E;
  --orchard-grove-bounty-3: #D18F58;
  --orchard-grove-bounty-4: #EBAF7D;
  --orchard-grove-bounty-5: #FFD9B2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "orchard-grove-bounty": {
        1: "#7A3F2A",
        2: "#A6663E",
        3: "#D18F58",
        4: "#EBAF7D",
        5: "#FFD9B2",
      }
    }
  }
}

Hex values

Color 1#7A3F2A

Color 2#A6663E

Color 3#D18F58

Color 4#EBAF7D

Color 5#FFD9B2

Accessibility

Contrast checker

1.8:1Fail

3:1AA18

4.3:1AA18

6.2:1AA

1.8:1Fail

1.7:1Fail

2.4:1Fail

3.4:1AA18

3:1AA18

1.7:1Fail

1.4:1Fail

2:1Fail

4.3:1AA18

2.4:1Fail

1.4:1Fail

6.2:1AA

3.4:1AA18

2:1Fail

1.4:1Fail

Similar palettes

More like Orchard Grove Bounty

Orchard Grove Bounty

See it in context.

Ready when you are.

Built with Orchard Grove Bounty.

How to use Orchard Grove Bounty

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Harvest Contrast

Earthy Gradient

Rustic Depth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Orchard Grove Bounty