Palette

Earthy Harvest Feast

A rustic blend of deep browns and warm oranges, reminiscent of a comforting autumn harvest gathering.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Earthy Harvest Feast 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 Earthy Harvest Feast.

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

Data visualization

#6A3E2D#B35C3A#E0854E#FFB27C#F7D4BD

Palette guide

How to use Earthy Harvest Feast

Overview

The Earthy Harvest Feast palette is a rustic blend of deep browns and warm oranges, perfectly reminiscent of a comforting autumn gathering. From the robust #6A3E2D (Dark Brown) to the bright #FFB27C (Light Orange), with the inviting #E0854E (Coral) as a vibrant mid-tone, this collection offers warmth and natural abundance. Designers can utilize the soft #F7D4BD (Pale Peach) as a gentle background, creating designs that feel cozy, festive, and deeply connected to seasonal traditions and wholesome food. This palette is ideal for projects celebrating nature's bounty.

Best used for

Autumnal marketing and seasonal campaigns
Rustic restaurant and cafe branding
Harvest festival promotions and events
Cozy blog and editorial themes
Food packaging and gourmet product design
Farm-to-table culinary experiences

Suggested color roles

primary

#6A3E2D (Dark Brown) serves as a strong, grounding color for primary branding, headings, and impactful elements.

secondary

#B35C3A (Terracotta Orange) offers a rich, warm tone for subheadings, important content blocks, and supporting UI elements.

accent

#E0854E (Coral) provides a vibrant, inviting orange for calls to action, key highlights, or interactive elements.

background

#F7D4BD (Pale Peach) creates a very light, airy background that brightens the overall aesthetic and enhances readability.

text

Use #6A3E2D for primary text on #F7D4BD, ensuring excellent readability and strong visual impact.

Accessibility notes

Both #6A3E2D and #B35C3A provide excellent contrast on #F7D4BD, making them highly accessible for text.
Ensure #E0854E on #F7D4BD meets WCAG AA guidelines for large text (18pt or 14pt bold) readability.
Avoid using #FFB27C for small text on #F7D4BD due to potential low contrast; reserve for larger decorative text.
Use clear visual hierarchy and sufficient spacing to enhance readability within this warm palette, especially for long-form content.

Recommended combinations

Harvest Core

Create deep, rich, and vibrant main elements, ideal for prominent branding or content blocks.

#6A3E2D · #B35C3A · #E0854E

Autumn Glow

Apply light backgrounds with warm accents and bright secondaries for dynamic visual elements or subtle graphic patterns.

#FFB27C · #F7D4BD · #E0854E

Feast Contrast

Design with a light background, dark text, and a warm mid-tone for a balanced and inviting layout.

#F7D4BD · #6A3E2D · #B35C3A

CSS variables

:root {
  --earthy-harvest-feast-1: #6A3E2D;
  --earthy-harvest-feast-2: #B35C3A;
  --earthy-harvest-feast-3: #E0854E;
  --earthy-harvest-feast-4: #FFB27C;
  --earthy-harvest-feast-5: #F7D4BD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthy-harvest-feast": {
        1: "#6A3E2D",
        2: "#B35C3A",
        3: "#E0854E",
        4: "#FFB27C",
        5: "#F7D4BD",
      }
    }
  }
}

Hex values

Color 1#6A3E2D

Color 2#B35C3A

Color 3#E0854E

Color 4#FFB27C

Color 5#F7D4BD

Accessibility

Contrast checker

1.9:1Fail

3.3:1AA18

5.1:1AA

6.5:1AA

1.9:1Fail

1.7:1Fail

2.6:1Fail

3.4:1AA18

3.3:1AA18

1.7:1Fail

1.6:1Fail

2:1Fail