Back to palettes

Palette

Harvest Pumpkin Patch

Warm, inviting hues of pumpkin and squash, celebrating the bounty and comfort of an autumn harvest.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Harvest Pumpkin Patch 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 Pumpkin Patch.

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

Data visualization

#C96E2E#E78D4C#FFB37C#FFD2A1#A14F1D

Palette guide

How to use Harvest Pumpkin Patch

Overview

The Harvest Pumpkin Patch palette offers warm, inviting hues of pumpkin and squash, celebrating the bounty and comfort of an autumn harvest. This collection features the rich #C96E2E (Rust) and deeper #A14F1D (Dark Orange), providing a grounding and cozy foundation. Lighter oranges like #E78D4C (Light Salmon) and #FFB37C (Light Orange) add a gentle warmth, while the very soft #FFD2A1 (Peach) provides an airy, welcoming base. This palette is ideal for designers seeking to create designs that are comforting, natural, and exude the wholesome charm of a fall pumpkin patch.

Best used for

  • Cozy branding and logos
  • Autumnal recipe blogs
  • Farm-to-table marketing
  • Rustic wedding themes
  • Seasonal product packaging
  • Comfortable UI design

Suggested color roles

primary

Use #C96E2E (Rust) as a rich, inviting main brand color, conveying warmth and earthy comfort.

secondary

Apply #E78D4C (Light Salmon) as a softer orange, complementing the primary and adding a gentle warmth to supporting elements.

accent

Employ #FFB37C (Light Orange) as a bright highlight, perfect for gentle pops of color or subtle calls to action.

background

Utilize #FFD2A1 (Peach) as a very light, warm, and soft background, ensuring excellent readability for darker text.

text

Select #A14F1D (Dark Orange) for body text and headings, providing excellent contrast and a harmonious, natural feel, or a deep charcoal for general readability.

Accessibility notes

  • Ensure #A14F1D or a dark charcoal text on #FFD2A1 has strong contrast for optimal readability across all text sizes.
  • Avoid using #FFB37C or #E78D4C for small text on the #FFD2A1 background due to potential low contrast.
  • Check contrast ratios for interactive elements, especially against similar orange tones, to ensure usability.
  • For critical information, use the darkest available color against the lightest background to ensure maximum legibility.

Recommended combinations

Cozy Harvest

Ideal for warm, inviting headers, content blocks, or elements that emphasize comfort and autumnal bounty.

#C96E2E · #E78D4C · #FFD2A1

Gentle Glow

Perfect for soft backgrounds with clear, darker text, creating a serene and welcoming atmosphere.

#FFD2A1 · #FFB37C · #A14F1D

Rustic Depth

Use for strong branding elements, footers, or sections requiring a grounded and intense visual impact.

#A14F1D · #C96E2E · #E78D4C

CSS variables

:root {
  --harvest-pumpkin-patch-1: #C96E2E;
  --harvest-pumpkin-patch-2: #E78D4C;
  --harvest-pumpkin-patch-3: #FFB37C;
  --harvest-pumpkin-patch-4: #FFD2A1;
  --harvest-pumpkin-patch-5: #A14F1D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-pumpkin-patch": {
        1: "#C96E2E",
        2: "#E78D4C",
        3: "#FFB37C",
        4: "#FFD2A1",
        5: "#A14F1D",
      }
    }
  }
}

Related searches

cozy pumpkin palettewarm autumn colorsrustic orange schemefall harvest designnatural squash hues

Palette colors

Hex values

Color 1#C96E2E
·
Color 2#E78D4C
·
Color 3#FFB37C
·
Color 4#FFD2A1
·
Color 5#A14F1D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
2.6:1Fail
1.6:1Fail
2
1.4:1Fail
1.4:1Fail
1.8:1Fail
2.3:1Fail
3
2.1:1Fail
1.4:1Fail
1.2:1Fail
3.3:1AA18
4
2.6:1Fail
1.8:1Fail
1.2:1Fail
4.1:1AA18
5
1.6:1Fail
2.3:1Fail
3.3:1AA18
4.1:1AA18

Similar palettes

More like Harvest Pumpkin Patch

View all warm