Back to palettes

Palette

Autumn Pumpkin Patch

Warm and inviting oranges and reds, evoking the wholesome abundance and festive spirit of an autumn pumpkin patch.

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#FF6347#FF8C00#FFA07A#FFB6C1

Palette guide

How to use Autumn Pumpkin Patch

Overview

The Autumn Pumpkin Patch palette bursts with warm and inviting oranges and reds, evoking the wholesome abundance and festive spirit of an autumn pumpkin patch. It features a vibrant coral (#FF7F50) and a lively tomato red (#FF6347), capturing energetic fall hues. A bright pure orange (#FF8C00) adds a sunny glow, while a soft coral (#FFA07A) provides a delicate, warm highlight. A light pink (#FFB6C1) offers a charming, unexpected touch. This palette is exceptionally useful for designers and developers aiming to create projects with natural warmth, festive 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
  • Festive brand identity for family products
  • Autumnal website and blog themes
  • Harvest festival event design
  • Digital illustrations of pumpkins
  • Cozy home decor mockups

Suggested color roles

primary

Utilize #FF7F50 as a vibrant primary color for strong foundational elements or significant content sections, conveying warmth and energy.

secondary

Employ #FF6347 for secondary headings or important content blocks, adding a lively and inviting red-orange hue.

accent

Highlight interactive elements or key information with #FF8C00 to ensure they pop with energetic appeal.

background

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

text

For optimal readability, use a deep brown or charcoal for body text on lighter backgrounds, or a crisp white on deeper hues.

Accessibility notes

  • Ensure sufficient contrast between dark text (e.g., charcoal) and #FFA07A or #FFB6C1 background for WCAG AA compliance.
  • Avoid using #FF7F50 or #FF6347 for small text on similarly bright backgrounds due to potential readability issues.
  • Test color combinations for users with color vision deficiencies, especially within the orange-red-pink spectrum.
  • Provide clear visual cues beyond color for interactive states, particularly between #FF7F50 and #FF6347.

Recommended combinations

Patch Glow

Creates a vibrant, energetic base with a warm highlight, excellent for headers or festive banners.

#FF7F50 · #FF6347 · #FFA07A

Sunny Accent

Ideal for energetic calls-to-action, cheerful graphics, or elements that need to stand out with warmth.

#FF8C00 · #FFA07A · #FF6347

Soft Festive

Use for a light, inviting background with vibrant text and a strong supporting color, suitable for content cards or alerts.

#FFB6C1 · #FF7F50 · #FF8C00

CSS variables

:root {
  --autumn-pumpkin-patch-1: #FF7F50;
  --autumn-pumpkin-patch-2: #FF6347;
  --autumn-pumpkin-patch-3: #FF8C00;
  --autumn-pumpkin-patch-4: #FFA07A;
  --autumn-pumpkin-patch-5: #FFB6C1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-pumpkin-patch": {
        1: "#FF7F50",
        2: "#FF6347",
        3: "#FF8C00",
        4: "#FFA07A",
        5: "#FFB6C1",
      }
    }
  }
}

Related searches

autumn pumpkin color schemefestive orange red palettecozy fall hex codesrustic harvest designnatural pumpkin patch colors

Palette colors

Hex values

Color 1#FF7F50
·
Color 2#FF6347
·
Color 3#FF8C00
·
Color 4#FFA07A
·
Color 5#FFB6C1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.1:1Fail
1.3:1Fail
1.5:1Fail
2
1.2:1Fail
1.3:1Fail
1.5:1Fail
1.8:1Fail
3
1.1:1Fail
1.3:1Fail
1.2:1Fail
1.4:1Fail
4
1.3:1Fail
1.5:1Fail
1.2:1Fail
1.2:1Fail
5
1.5:1Fail
1.8:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Autumn Pumpkin Patch

View all warm
Apple Grove Hearth
Autumn Cider Festival
Autumn Harvest Berry
Autumn Harvest Hearth
Autumn Orchard Gold
Autumn Orchard Sunset