Back to palettes

Palette

Harvest Orchard Sprout

Captures the transition from abundant fruit to fresh shoots in an autumn orchard.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D2691E#F4A460#DAA520#BDB76B#6B8E23

Palette guide

How to use Harvest Orchard Sprout

Overview

The Harvest Orchard Sprout palette beautifully captures the transition from abundant fruit to fresh shoots in an autumn orchard, blending warm earthy tones with vibrant greens. Featuring the rich #D2691E (Chocolate) and soft #F4A460 (Sandy Brown), it provides a grounded base. The luminous #DAA520 (Goldenrod) adds a sunny warmth, while the natural #BDB76B (Dark Khaki) and #6B8E23 (Olive Drab) introduce an organic, fresh element. This palette is perfect for designers looking to convey natural growth, sustainability, and a rustic, wholesome aesthetic with a touch of autumnal charm.

Best used for

  • Eco-friendly brand identities
  • Garden center marketing
  • Natural food product packaging
  • Sustainable living blogs
  • Autumnal nature themes
  • Rustic event decor

Suggested color roles

primary

Use #D2691E (Chocolate) as a grounding, rich primary color, conveying stability and a natural, earthy feel.

secondary

Apply #BDB76B (Dark Khaki) to introduce an earthy green-brown, adding a natural, organic touch to supporting elements.

accent

Employ #DAA520 (Goldenrod) as a bright, warm highlight, drawing attention to key features or calls to action.

background

Utilize #F4A460 (Sandy Brown) as a soft, warm, and natural background, providing a welcoming and legible base.

text

Select #6B8E23 (Olive Drab) for body text and headings, offering excellent readability and a harmonious, natural feel, or a deep charcoal for general readability.

Accessibility notes

  • Ensure #6B8E23 or a dark charcoal text on #F4A460 has strong contrast for optimal readability.
  • Avoid pairing #DAA520 text with #F4A460 background due to potential low contrast, especially for small text.
  • Check contrast ratios for interactive elements, particularly when using #BDB76B against similar mid-tones.
  • For critical information, use the darkest available color against the lightest background to ensure maximum legibility.

Recommended combinations

Natural Growth

Ideal for organic and fresh designs, conveying sustainability and connection to nature in headers or hero images.

#6B8E23 · #D2691E · #F4A460

Autumn Harvest

Perfect for warm, inviting elements, seasonal promotions, or content blocks that emphasize bounty and comfort.

#D2691E · #DAA520 · #F4A460

Earthy Accents

Use for subtle highlights, decorative details, or supporting graphics that need a touch of natural elegance.

#BDB76B · #DAA520 · #6B8E23

CSS variables

:root {
  --harvest-orchard-sprout-1: #D2691E;
  --harvest-orchard-sprout-2: #F4A460;
  --harvest-orchard-sprout-3: #DAA520;
  --harvest-orchard-sprout-4: #BDB76B;
  --harvest-orchard-sprout-5: #6B8E23;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-orchard-sprout": {
        1: "#D2691E",
        2: "#F4A460",
        3: "#DAA520",
        4: "#BDB76B",
        5: "#6B8E23",
      }
    }
  }
}

Related searches

rustic autumn greenearthy fruit palettenatural sprout colorsharvest garden themeorganic fall design

Palette colors

Hex values

Color 1#D2691E
·
Color 2#F4A460
·
Color 3#DAA520
·
Color 4#BDB76B
·
Color 5#6B8E23
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.6:1Fail
1.8:1Fail
1:1Fail
2
1.8:1Fail
1.1:1Fail
1:1Fail
1.9:1Fail
3
1.6:1Fail
1.1:1Fail
1.1:1Fail
1.7:1Fail
4
1.8:1Fail
1:1Fail
1.1:1Fail
1.8:1Fail
5
1:1Fail
1.9:1Fail
1.7:1Fail
1.8:1Fail

Similar palettes

More like Harvest Orchard Sprout

View all warm