Back to palettes

Palette

Harvest Grain Field

Warm, golden hues reflecting a sun-drenched field of ripe grains ready for harvest.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C59B6A#E6C99F#A37A55#B38C69#F2E2C9

Palette guide

How to use Harvest Grain Field

Overview

The Harvest Grain Field palette offers a serene collection of warm, earthy tones reflecting a sun-drenched field of ripe grains. This inviting palette includes a soft 'Tan' (#C59B6A), a creamy 'Light Goldenrod' (#E6C99F), a deeper 'Rustic Brown' (#A37A55), a warm 'Medium Brown' (#B38C69), and a delicate 'Off-White' (#F2E2C9). These colors are ideal for designs that seek to convey natural beauty, rustic charm, and a sense of calm abundance. Designers can use them to create comforting and organic aesthetics, while developers will find them perfect for building interfaces that feel grounded, gentle, and visually cohesive.

Best used for

  • Sustainable living blogs or websites
  • Artisanal bakery or coffee shop branding
  • Eco-friendly product packaging
  • Farm-to-table restaurant menus and decor
  • Autumn-themed digital illustrations
  • Wedding stationery with a rustic theme

Suggested color roles

primary

Use '#C59B6A' (Tan) for main content areas or background sections, offering a soft, versatile base.

secondary

Apply '#B38C69' (Medium Brown) for subheadings, navigation, or supporting elements, providing gentle contrast.

accent

Leverage '#E6C99F' (Light Goldenrod) for highlights, interactive elements, or subtle decorative details, adding a touch of lightness.

background

Employ '#F2E2C9' (Off-White) for a clean, airy background, or '#E6C99F' for a warmer, slightly richer canvas.

text

For lighter backgrounds, use '#A37A55' (Rustic Brown) or a dark charcoal for excellent readability. For darker elements, a near-white is recommended.

Accessibility notes

  • Ensure sufficient contrast when using '#F2E2C9' or '#E6C99F' as backgrounds, especially with light text.
  • Test '#A37A55' as text against lighter colors for WCAG AA compliance.
  • Be mindful of contrast between '#C59B6A' and '#B38C69' when used adjacently for visual distinction.
  • Consider using clear visual hierarchy with these subtle tones to guide user attention effectively.

Recommended combinations

Grain Field Haze

Creates a soft, airy feel, perfect for backgrounds and subtle branding elements.

#F2E2C9 · #E6C99F · #C59B6A

Rustic Depth

Ideal for robust branding, providing a sense of grounding and natural sophistication.

#A37A55 · #B38C69 · #C59B6A

Warm Harvest

Excellent for highlighting key information or creating a layered, organic aesthetic in web design.

#E6C99F · #C59B6A · #A37A55

CSS variables

:root {
  --harvest-grain-field-2-1: #C59B6A;
  --harvest-grain-field-2-2: #E6C99F;
  --harvest-grain-field-2-3: #A37A55;
  --harvest-grain-field-2-4: #B38C69;
  --harvest-grain-field-2-5: #F2E2C9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-grain-field-2": {
        1: "#C59B6A",
        2: "#E6C99F",
        3: "#A37A55",
        4: "#B38C69",
        5: "#F2E2C9",
      }
    }
  }
}

Related searches

grain field color paletterustic earth toneswarm neutral paletteautumn harvest brown yellownatural farm colors

Palette colors

Hex values

Color 1#C59B6A
·
Color 2#E6C99F
·
Color 3#A37A55
·
Color 4#B38C69
·
Color 5#F2E2C9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.5:1Fail
1.2:1Fail
2:1Fail
2
1.6:1Fail
2.4:1Fail
1.9:1Fail
1.2:1Fail
3
1.5:1Fail
2.4:1Fail
1.3:1Fail
3:1AA18
4
1.2:1Fail
1.9:1Fail
1.3:1Fail
2.4:1Fail
5
2:1Fail
1.2:1Fail
3:1AA18
2.4:1Fail

Similar palettes

More like Harvest Grain Field

View all warm
Apple Grove Hearth
Autumn Berry Harvest
Autumn Bramble Trail
Autumn Harvest Berry
Autumn Harvest Hearth
Autumn Orchard Blend