Back to palettes

Palette

Harvest Gold Fields

Golden yellows and warm browns, capturing the sun-drenched beauty of a vast harvest field.

warmnatural5 colors
More warm 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

#D2B48C#B8860B#DAA520#FFD700#EEDD82

Palette guide

How to use Harvest Gold Fields

Overview

The Harvest Gold Fields palette evokes the sun-drenched beauty of a vast agricultural landscape with its rich, warm hues. Featuring a gentle 'Tan' (#D2B48C), a deep 'Goldenrod' (#B8860B), a vibrant 'Goldenrod' (#DAA520), a bright 'Gold' (#FFD700), and a soft 'Light Goldenrod Yellow' (#EEDD82), this palette is perfect for projects seeking a natural, opulent, and inviting feel. Designers can utilize these shades to create designs that feel grounded yet luminous, capturing the essence of autumn's bounty and the warmth of a sunny day. Developers will find these hex codes provide a consistent, harmonious base for web and app interfaces.

Best used for

  • Rustic wedding invitations and decor
  • E-commerce sites for natural products or crafts
  • Autumn-themed digital marketing campaigns
  • Branding for farms, bakeries, or artisanal goods
  • Interior design inspiration boards for cozy spaces
  • Educational content about agriculture or nature

Suggested color roles

primary

Use '#B8860B' (Goldenrod) for main brand elements or key calls to action, conveying richness and stability.

secondary

Apply '#DAA520' (Goldenrod) for complementary sections, subheadings, or decorative accents to add vibrancy.

accent

Leverage '#FFD700' (Gold) sparingly for highlights, icons, or interactive states, drawing immediate attention.

background

Employ '#D2B48C' (Tan) or '#EEDD82' (Light Goldenrod Yellow) for soft, warm backgrounds that don't overpower content.

text

Pair a dark brown or charcoal text with '#D2B48C' or '#EEDD82' for readability. For darker backgrounds, use '#FFD700' or a near-white.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter golds like '#EEDD82'.
  • Test '#B8860B' or '#DAA520' as text colors against dark backgrounds for legibility.
  • Avoid placing light text on '#FFD700' without careful contrast checking (WCAG AA minimum).
  • Use a tool to verify contrast ratios for all color pairings, particularly for interactive elements.

Recommended combinations

Golden Harvest

Ideal for prominent headers and accentuating key information in a warm, inviting way.

#B8860B · #D2B48C · #FFD700

Field Glow

Excellent for background, primary elements, and subtle highlights in web interfaces.

#EEDD82 · #DAA520 · #B8860B

Rich Earth

Creates a natural, earthy feel suitable for branding or nature-themed designs.

#D2B48C · #B8860B · #EEDD82

CSS variables

:root {
  --harvest-gold-fields-2-1: #D2B48C;
  --harvest-gold-fields-2-2: #B8860B;
  --harvest-gold-fields-2-3: #DAA520;
  --harvest-gold-fields-2-4: #FFD700;
  --harvest-gold-fields-2-5: #EEDD82;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-gold-fields-2": {
        1: "#D2B48C",
        2: "#B8860B",
        3: "#DAA520",
        4: "#FFD700",
        5: "#EEDD82",
      }
    }
  }
}

Related searches

warm gold color paletteautumn harvest colorsnatural yellow brown paletteearthy gold tonessun-drenched field color scheme

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#B8860B
·
Color 3#DAA520
·
Color 4#FFD700
·
Color 5#EEDD82
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.1:1Fail
1.4:1Fail
1.4:1Fail
2
1.7:1Fail
1.5:1Fail
2.3:1Fail
2.4:1Fail
3
1.1:1Fail
1.5:1Fail
1.6:1Fail
1.6:1Fail
4
1.4:1Fail
2.3:1Fail
1.6:1Fail
1:1Fail
5
1.4:1Fail
2.4:1Fail
1.6:1Fail
1:1Fail

Similar palettes

More like Harvest Gold Fields

View all warm
Amber Grain Harvest
Sun-Kissed Wheat Fields
Sun-Kissed Wheatfield
Golden Afternoon Glow
Golden Grain Fields
Golden Hour Harvest