Back to palettes

Palette

Pumpkin Patch

Warm, comforting hues capturing the essence of a bountiful autumn pumpkin patch and its rustic charm.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF7F50#FFA07A#CD853F#D2B48C#8B4513

Palette guide

How to use Pumpkin Patch

Overview

The "Pumpkin Patch" palette captures the quintessential warmth and rustic charm of an autumn harvest. Featuring a vibrant coral-orange #FF7F50 and its lighter counterpart #FFA07A, this collection is balanced by the earthy tones of #CD853F (peru) and the deep, grounding #8B4513 (saddle brown). A soft, sandy #D2B48C (tan) rounds out the set, offering a gentle contrast. Designers can leverage this palette to evoke feelings of comfort, nature, and seasonal festivity. It's ideal for projects requiring an organic, inviting feel, from digital interfaces to print media, ensuring a cohesive and warm visual experience. Developers will find these hex codes easy to implement for UI elements that require a natural, autumnal aesthetic.

Best used for

  • Autumnal branding for cafes or bakeries
  • Fall event invitations and marketing materials
  • Rustic home decor e-commerce sites
  • Children's book illustrations with a nature theme
  • Thanksgiving or harvest festival web design
  • Cozy lifestyle blog aesthetics

Suggested color roles

primary

Use this vibrant coral-orange #FF7F50 for main calls-to-action or prominent headings to grab attention.

secondary

Peru brown #CD853F serves as an excellent supporting color for subheadings, borders, or secondary interactive elements.

accent

A softer orange #FFA07A, perfect for hover states, small icons, or subtle highlights that need a touch of warmth.

background

Tan #D2B48C provides a gentle, warm background for content areas, offering a natural and inviting canvas.

text

Saddle brown #8B4513 offers excellent readability against lighter backgrounds, ideal for body text and navigation links, or use a deep charcoal for contrast.

Accessibility notes

  • Ensure #8B4513 text has sufficient contrast against #D2B48C backgrounds.
  • Avoid placing #FF7F50 text directly on #FFA07A backgrounds due to low contrast.
  • Test all text and interactive element color combinations for WCAG AA or AAA compliance.
  • Use a darker neutral like black or charcoal for small text on light palette colors like #D2B48C.

Recommended combinations

Harvest Glow

Ideal for headers, main content blocks, and strong calls-to-action in autumnal designs.

#FF7F50 · #D2B48C · #8B4513

Rustic Comfort

Creates a soft, inviting feel for secondary information, backgrounds, or decorative elements.

#CD853F · #FFA07A · #D2B48C

Earthy Depth

Provides a grounded base with a pop of warmth, suitable for footers, navigation, or subtle branding.

#8B4513 · #D2B48C · #FF7F50

CSS variables

:root {
  --pumpkin-patch-1: #FF7F50;
  --pumpkin-patch-2: #FFA07A;
  --pumpkin-patch-3: #CD853F;
  --pumpkin-patch-4: #D2B48C;
  --pumpkin-patch-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pumpkin-patch": {
        1: "#FF7F50",
        2: "#FFA07A",
        3: "#CD853F",
        4: "#D2B48C",
        5: "#8B4513",
      }
    }
  }
}

Related searches

autumn color schemesfall harvest paletteearthy orange brown colorsrustic design palettecozy warm color codes

Palette colors

Hex values

Color 1#FF7F50
·
Color 2#FFA07A
·
Color 3#CD853F
·
Color 4#D2B48C
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.3:1Fail
2.8:1Fail
2
1.3:1Fail
1.5:1Fail
1:1Fail
3.6:1AA18
3
1.2:1Fail
1.5:1Fail
1.5:1Fail
2.4:1Fail
4
1.3:1Fail
1:1Fail
1.5:1Fail
3.6:1AA18
5
2.8:1Fail
3.6:1AA18
2.4:1Fail
3.6:1AA18

Similar palettes

More like Pumpkin Patch

View all warm
Autumn Harvest Bounty
Autumn Leaf Cascade
Autumn Leaf Fall
Autumn Orchard Harvest
Autumn Pumpkin Patch
Autumn Pumpkin Patch