Back to palettes

Palette

Harvest Field Grain

Warm, golden tones mirroring a field of ripened wheat ready for autumn harvest.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Harvest Field Grain 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 Field Grain.

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

Data visualization

#9C7A4D#C29D6B#D7BB88#E8D2A3#F5EACF

Palette guide

How to use Harvest Field Grain

Overview

The Harvest Field Grain palette captures the serene and rustic beauty of ripened wheat fields under an autumn sun. This collection features a harmonious gradient of warm, golden tones, from the medium brown #9C7A4D to the soft, light tan #D7BB88, culminating in a very light cream #F5EACF. A warm grain gold #C29D6B and a subtle sun-kissed #E8D2A3 complete the array, evoking natural abundance and tranquility. Designers and developers will find this palette ideal for creating minimalist, organic, and sophisticated digital or physical experiences with a timeless, earthy appeal.

Best used for

  • Organic food and natural product branding
  • Natural cosmetics and skincare packaging
  • Rustic farm aesthetics and agricultural websites
  • Eco-friendly and sustainable lifestyle brands
  • Spa and wellness centers with a calming ambiance
  • Minimalist website designs and clean user interfaces

Suggested color roles

primary

Utilize #C29D6B as the warm, inviting grain gold, perfect for main headings or prominent graphical elements, conveying natural richness.

secondary

Employ #D7BB88 for supporting elements and subheadings, offering a lighter, soft golden tan that blends seamlessly.

accent

Introduce #E8D2A3 as a subtle highlight for small details, delicate patterns, or soft gradients, adding a sun-kissed effect.

background

Apply #F5EACF as an airy, clean cream background, providing a spacious and neutral canvas for content.

text

Designate #9C7A4D for body text and important information, ensuring strong readability and a harmonious, medium-dark brown contrast.

Accessibility notes

  • Text on #F5EACF, #E8D2A3, and #D7BB88 should be in #9C7A4D or a darker color for optimal contrast and readability.
  • Ensure sufficient contrast between #C29D6B and #D7BB88 for smaller text or interactive elements.
  • The darkest color, #9C7A4D, provides reliable contrast against all lighter colors in the palette.
  • For backgrounds using the lightest shades, prioritize larger font sizes and clear typography to enhance legibility.

Recommended combinations

Grain Depth

Creates a rich, layered effect, ideal for showcasing natural textures or providing visual depth in layouts.

#9C7A4D · #C29D6B · #D7BB88

Light & Airy

Delivers a fresh, minimalist aesthetic, perfect for clean backgrounds or subtle branding.

#F5EACF · #E8D2A3 · #C29D6B

Rustic Contrast

Provides a gentle yet effective contrast for headers or key information without being overly bold.

#9C7A4D · #D7BB88 · #E8D2A3

CSS variables

:root {
  --harvest-field-grain-1: #9C7A4D;
  --harvest-field-grain-2: #C29D6B;
  --harvest-field-grain-3: #D7BB88;
  --harvest-field-grain-4: #E8D2A3;
  --harvest-field-grain-5: #F5EACF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-field-grain": {
        1: "#9C7A4D",
        2: "#C29D6B",
        3: "#D7BB88",
        4: "#E8D2A3",
        5: "#F5EACF",
      }
    }
  }
}

Related searches

golden wheat colorsharvest grain palettenatural earth tonesrustic farm designserene beige browns

Palette colors

Hex values

Color 1#9C7A4D
·
Color 2#C29D6B
·
Color 3#D7BB88
·
Color 4#E8D2A3
·
Color 5#F5EACF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.1:1Fail
2.7:1Fail
3.3:1AA18
2
1.6:1Fail
1.4:1Fail
1.7:1Fail
2.1:1Fail
3
2.1:1Fail
1.4:1Fail
1.2:1Fail
1.5:1Fail
4
2.7:1Fail
1.7:1Fail
1.2:1Fail
1.2:1Fail
5
3.3:1AA18
2.1:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Harvest Field Grain

View all warm
Bountiful Orchard Glow
Earthy Harvest Feast
Harvest Grain Field
Rustic Orchard Feast
Rustic Orchard Harvest
Woodland Ember Foliage