Back to palettes

Palette

Wheat Field Sun

Golden hues mirror the warmth of sun-drenched wheat fields swaying under a clear sky.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wheat Field Sun 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 Wheat Field Sun.

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

Data visualization

#F9E7C3#EDD49E#D8BE7D#B19B59#8C7B3C

Palette guide

How to use Wheat Field Sun

Overview

The 'Wheat Field Sun' palette radiates warmth and natural beauty, capturing the rich golden hues of a sun-drenched harvest. From the light, airy #F9E7C3 to the deep, grounding #8C7B3C, with inviting mid-tones like #EDD49E, #D8BE7D, and #B19B59, this scheme offers a harmonious gradient of warm yellows and browns. Designers and developers can use this palette to evoke feelings of comfort, abundance, and authenticity. It's perfectly suited for projects that aim to convey a natural, rustic, or wholesome brand identity, reflecting the golden hour of a serene landscape.

Best used for

  • Farm-to-table restaurants and food branding
  • Autumn-themed marketing campaigns
  • Rustic home decor websites
  • Craft breweries and artisanal products
  • Natural skincare and beauty brands
  • Agricultural industry presentations

Suggested color roles

primary

Establish #8C7B3C as a strong, grounding primary for headers, footers, or deep backgrounds, providing contrast and warmth.

secondary

Utilize #B19B59 or #D8BE7D for secondary sections, cards, or large graphical elements, maintaining a rich, inviting feel.

accent

Employ #EDD49E and #F9E7C3 for highlights, subtle backgrounds, or light accents, adding luminosity and a gentle touch.

background

Use #F9E7C3 for light, airy backgrounds, allowing the deeper golden tones to stand out, or #8C7B3C for a rich, immersive dark base.

text

For lighter backgrounds (e.g., #F9E7C3), use #8C7B3C or #B19B59 for clear text. For darker backgrounds, a crisp white or very light cream text is recommended for readability.

Accessibility notes

  • Ensure sufficient contrast between lighter shades like #F9E7C3 and text, especially when using mid-tones as text color.
  • The darkest shades, #B19B59 and #8C7B3C, provide excellent contrast for light text, making them suitable for critical information.
  • Avoid using similar golden tones for text and background without adequate contrast to prevent readability issues.
  • When designing interactive elements, ensure hover/focus states are clearly distinguishable, perhaps by shifting to a lighter or darker shade within the palette.

Recommended combinations

Golden Harvest

A strong contrast from deep brown-gold to light cream, ideal for a clear hierarchy in natural-themed designs.

#8C7B3C · #D8BE7D · #F9E7C3

Sunlit Fields

Creates a light, warm base with a prominent golden accent and a supportive mid-tone, perfect for inviting content.

#F9E7C3 · #B19B59 · #EDD49E

Amber Glow

A balanced combination using a dominant mid-gold with a deep anchor and a lighter highlight, conveying richness and comfort.

#D8BE7D · #8C7B3C · #EDD49E

CSS variables

:root {
  --wheat-field-sun-1: #F9E7C3;
  --wheat-field-sun-2: #EDD49E;
  --wheat-field-sun-3: #D8BE7D;
  --wheat-field-sun-4: #B19B59;
  --wheat-field-sun-5: #8C7B3C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wheat-field-sun": {
        1: "#F9E7C3",
        2: "#EDD49E",
        3: "#D8BE7D",
        4: "#B19B59",
        5: "#8C7B3C",
      }
    }
  }
}

Related searches

golden earth tone palettewarm rustic color schemeharvest season colorsnatural golden brandingwheat field inspired design

Palette colors

Hex values

Color 1#F9E7C3
·
Color 2#EDD49E
·
Color 3#D8BE7D
·
Color 4#B19B59
·
Color 5#8C7B3C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2.2:1Fail
3.4:1AA18
2
1.2:1Fail
1.3:1Fail
1.9:1Fail
2.9:1Fail
3
1.5:1Fail
1.3:1Fail
1.5:1Fail
2.3:1Fail
4
2.2:1Fail
1.9:1Fail
1.5:1Fail
1.5:1Fail
5
3.4:1AA18
2.9:1Fail
2.3:1Fail
1.5:1Fail

Similar palettes

More like Wheat Field Sun

View all earth