Palette

Rustic Wheat Harvest

Golden and earthy tones reflecting the abundant warmth of a wheat field ready for harvest.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustic Wheat Harvest 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 Rustic Wheat Harvest.

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

Data visualization

#D9AE6B#F2C77D#A3844C#6B572D#C9BB8D

Palette guide

How to use Rustic Wheat Harvest

Overview

The Rustic Wheat Harvest palette radiates the abundant warmth of a wheat field ready for harvest, featuring a comforting array of golden and earthy tones. From the deep, grounding brown of #6B572D to the bright, sun-kissed gold of #F2C77D, this collection evokes a sense of natural richness and prosperity. The versatile #D9AE6B and the muted gold of #A3844C offer excellent choices for primary and secondary elements, while #C9BB8D provides a soft, sandy highlight. Designers can leverage this palette to create designs that feel wholesome, organic, and inviting, perfect for conveying themes of agriculture, natural food, and comforting tradition.

Best used for

Farm-to-table restaurant branding
Organic food product packaging
Autumnal event decorations
Agricultural business websites
Rural tourism promotions
Crafts and handmade goods e-commerce

Suggested color roles

primary

Utilize #D9AE6B for main content areas or headers, establishing a warm, inviting, and abundant feel.

secondary

Apply #A3844C for key information, call-to-action buttons, or interactive elements, providing a grounding contrast.

accent

Introduce #F2C77D sparingly for bright highlights, small icons, or subtle design flourishes, adding a touch of golden glow.

background

Employ #C9BB8D as a soft, neutral background, mimicking dried wheat or sandy earth, ensuring good readability.

text

For most body text, use #6B572D on lighter backgrounds like #C9BB8D or #F2C77D to ensure excellent contrast and legibility.

Accessibility notes

Ensure #6B572D text on #C9BB8D or #F2C77D backgrounds meets WCAG AA contrast standards.
Avoid pairing #D9AE6B with #F2C77D for small text, as their luminance values are too close.
White text on #6B572D provides excellent contrast for headers or important call-outs.
Carefully check contrast for interactive elements, especially when using lighter golden tones.

Recommended combinations

Golden Field

Creates a bright, sunlit gradient, ideal for hero sections, headers, or elements needing a cheerful, open feel.

#D9AE6B · #F2C77D · #C9BB8D

Rich Earth

A balanced combination for main content, offering deep grounding, a warm mid-tone, and a light, natural base.

#A3844C · #6B572D · #C9BB8D

Harvest Depth

Perfect for accentuating details or providing visual hierarchy, blending vibrant gold with rich, deep brown.

#F2C77D · #D9AE6B · #6B572D

CSS variables

:root {
  --rustic-wheat-harvest-1: #D9AE6B;
  --rustic-wheat-harvest-2: #F2C77D;
  --rustic-wheat-harvest-3: #A3844C;
  --rustic-wheat-harvest-4: #6B572D;
  --rustic-wheat-harvest-5: #C9BB8D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-wheat-harvest": {
        1: "#D9AE6B",
        2: "#F2C77D",
        3: "#A3844C",
        4: "#6B572D",
        5: "#C9BB8D",
      }
    }
  }
}

Hex values

Color 1#D9AE6B

Color 2#F2C77D

Color 3#A3844C

Color 4#6B572D

Color 5#C9BB8D

Accessibility

Contrast checker

1.3:1Fail

1.7:1Fail

3.4:1AA18

1.1:1Fail

1.3:1Fail

2.2:1Fail

4.4:1AA18

1.2:1Fail

1.7:1Fail

2.2:1Fail

2:1Fail

1.8:1Fail