Palette

Autumn Pumpkin Patch

A classic autumn tableau, filled with the rich, inviting hues of pumpkins and earthy greens.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF7F50#B22222#6B8E23#F5DEB3#5C4033

Palette guide

How to use Autumn Pumpkin Patch

Overview

The Autumn Pumpkin Patch palette delivers a classic autumn tableau, filled with the rich, inviting hues of pumpkins and earthy greens. It features a vibrant coral (#FF7F50) and a robust red (#B22222), capturing the festive spirit. A muted olive green (#6B8E23) adds a natural, grounding contrast, while a soft wheat (#F5DEB3) offers a delicate, creamy highlight. A deep dark brown (#5C4033) provides essential depth. This palette is exceptionally useful for designers and developers aiming to create projects with natural warmth, rustic charm, and an inviting, cozy aesthetic. From seasonal marketing and nature-inspired branding to engaging digital interfaces and charming print materials, these hex codes provide a versatile range for visually appealing experiences.

Best used for

Seasonal marketing for fall events
Rustic brand identity for farm products
Autumnal website and blog themes
Harvest festival event design
Digital illustrations of rural scenes
Cozy home decor mockups

Suggested color roles

primary

Utilize #B22222 as a grounding primary color for strong foundational elements or significant content sections, conveying rustic stability.

secondary

Employ #FF7F50 for secondary headings or important content blocks, adding a warm and inviting pumpkin orange hue.

accent

Highlight interactive elements or key information with #6B8E23 to provide an earthy, yet noticeable accent.

background

A light, expansive background of #F5DEB3 creates a clean, warm canvas, allowing darker elements to stand out beautifully.

text

For optimal readability, use #5C4033 or a dark charcoal for body text on lighter backgrounds, or a crisp white on deeper hues.

Accessibility notes

Ensure sufficient contrast between #5C4033 text and #F5DEB3 background for WCAG AA compliance.
Avoid using #FF7F50 or #6B8E23 for small text on #F5DEB3 backgrounds due to potential readability issues.
Test color combinations for users with color vision deficiencies, especially with the orange-red-green spectrum.
Provide clear visual cues beyond color for interactive states, particularly between #FF7F50 and #B22222.

Recommended combinations

Patch Ground

Creates a deep, grounded base with a rustic accent and soft highlight, excellent for footers or natural headers.

#5C4033 · #B22222 · #F5DEB3

Pumpkin Glow

Ideal for energetic calls-to-action, festive banners, or graphic elements that evoke ripe pumpkins.

#FF7F50 · #F5DEB3 · #B22222

Earthy Cream

Use for a light, inviting background with deep text and an earthy supporting color, suitable for content cards or alerts.

#F5DEB3 · #5C4033 · #6B8E23

CSS variables

:root {
  --autumn-pumpkin-patch-3-1: #FF7F50;
  --autumn-pumpkin-patch-3-2: #B22222;
  --autumn-pumpkin-patch-3-3: #6B8E23;
  --autumn-pumpkin-patch-3-4: #F5DEB3;
  --autumn-pumpkin-patch-3-5: #5C4033;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-pumpkin-patch-3": {
        1: "#FF7F50",
        2: "#B22222",
        3: "#6B8E23",
        4: "#F5DEB3",
        5: "#5C4033",
      }
    }
  }
}

Hex values

Color 1#FF7F50

Color 2#B22222

Color 3#6B8E23

Color 4#F5DEB3

Color 5#5C4033

Accessibility

Contrast checker

2.7:1Fail

1.5:1Fail

1.9:1Fail

3.8:1AA18

2.7:1Fail

1.8:1Fail

5.1:1AA

1.4:1Fail

1.5:1Fail

1.8:1Fail

2.9:1Fail

2.5:1Fail

1.9:1Fail

5.1:1AA

2.9:1Fail

7.1:1AAA

3.8:1AA18

1.4:1Fail

2.5:1Fail

7.1:1AAA

Similar palettes

More like Autumn Pumpkin Patch

View all warm

Autumn Harvest Bounty

Autumn Orchard Harvest

Spiced Pumpkin Autumn

Spiced Pumpkin Patch

Autumn Cider Festival

Autumn Cider Spill