Palette

Harvest Gold Fields

Radiant hues of ripened crops and sun-drenched fields, celebrating the abundance of harvest season.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Harvest Gold Fields 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 Gold Fields.

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

Data visualization

#A37B3F#C79F5F#EDC27E#FFEDB0#755B2E

Palette guide

How to use Harvest Gold Fields

Overview

The Harvest Gold Fields palette captures the essence of ripened crops and sun-drenched fields with its harmonious blend of earthy golds and rich browns. Featuring a deep 'Bronze' (#A37B3F), a warm 'Goldenrod' (#C79F5F), a radiant 'Corn' (#EDC27E), a soft 'Light Gold' (#FFEDB0), and a grounding 'Dark Brown' (#755B2E), this collection is perfect for designs that aim for a natural, rustic, and abundant feel. Designers can use these shades to evoke warmth and organic beauty, while developers will appreciate their cohesive nature for creating visually appealing and grounded digital experiences.

Best used for

Rustic farmhouse style branding
Food packaging for organic or artisanal products
Autumn seasonal marketing campaigns
Nature photography portfolios or websites
Textile and home decor design
Educational materials on sustainability or farming

Suggested color roles

primary

Utilize '#A37B3F' (Bronze) for core branding elements or main content areas to convey stability and richness.

secondary

Apply '#C79F5F' (Goldenrod) for supporting sections, subheadings, or secondary calls to action, adding warmth.

accent

Use '#EDC27E' (Corn) or '#FFEDB0' (Light Gold) for highlights, interactive elements, or small details to add a touch of luminosity.

background

Employ '#FFEDB0' (Light Gold) for a soft, inviting background, or '#C79F5F' for a slightly warmer base.

text

For lighter backgrounds, use '#755B2E' (Dark Brown) for excellent readability. For darker backgrounds, a near-white or '#EDC27E' can work.

Accessibility notes

Ensure sufficient contrast when using '#FFEDB0' as a background, especially with lighter text colors.
Test '#755B2E' for text against '#C79F5F' or '#EDC27E' to guarantee WCAG AA compliance.
Avoid placing light text on '#EDC27E' without verifying contrast ratios for readability.
Consider using a slightly darker shade for borders or separators to maintain visual hierarchy.

Recommended combinations

Earthy Depth

Creates a grounded, sophisticated feel perfect for branding or deep content sections.

#755B2E · #A37B3F · #C79F5F

Golden Glow

Excellent for highlighting key information or creating a luminous, welcoming interface.

#EDC27E · #FFEDB0 · #A37B3F

Field Horizon

Suitable for background, primary elements, and text, offering a balanced and natural look.

#C79F5F · #FFEDB0 · #755B2E

CSS variables

:root {
  --harvest-gold-fields-1: #A37B3F;
  --harvest-gold-fields-2: #C79F5F;
  --harvest-gold-fields-3: #EDC27E;
  --harvest-gold-fields-4: #FFEDB0;
  --harvest-gold-fields-5: #755B2E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-gold-fields": {
        1: "#A37B3F",
        2: "#C79F5F",
        3: "#EDC27E",
        4: "#FFEDB0",
        5: "#755B2E",
      }
    }
  }
}

Hex values

Color 1#A37B3F

Color 2#C79F5F

Color 3#EDC27E

Color 4#FFEDB0

Color 5#755B2E

Accessibility

Contrast checker

1.6:1Fail

2.3:1Fail

3.3:1AA18

1.7:1Fail

1.6:1Fail

1.5:1Fail

2.1:1Fail

2.6:1Fail

2.3:1Fail

1.5:1Fail

1.4:1Fail

3.8:1AA18

3.3:1AA18

2.1:1Fail

1.4:1Fail

5.5:1AA

1.7:1Fail

2.6:1Fail

3.8:1AA18

5.5:1AA

Similar palettes

More like Harvest Gold Fields