Back to palettes

Palette

Pumpkin Patch Glow

The comforting and inviting warmth of an autumn pumpkin patch bathed in golden light.

WarmNatural5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF7F50#FFA07A#FF8C00#FFDAB9#FFFAF0

Palette guide

How to use Pumpkin Patch Glow

Overview

The "Pumpkin Patch Glow" palette radiates a soft, inviting warmth, reminiscent of a pumpkin patch bathed in gentle autumn sunlight. Featuring delicate coral #FF7F50, peachy orange #FFA07A, vibrant tangerine #FF8C00, and airy, near-white tones like #FFDAB9 and #FFFAF0, this collection is imbued with a comforting, natural charm. Designers can leverage these hex codes for projects that require a gentle, warm, and slightly rustic aesthetic. Developers will find this palette excellent for creating serene e-commerce sites, cozy lifestyle blogs, or any digital experience that aims to evoke a peaceful and inviting autumnal mood.

Best used for

  • Gentle autumn-themed content
  • Wedding or baby shower designs
  • Lifestyle and wellness blogs
  • Cosmetic or natural product branding
  • Cozy photography portfolios
  • Children's clothing websites

Suggested color roles

primary

#FF8C00 - A vibrant yet gentle tangerine, suitable for main headings, calls-to-action, or prominent elements that convey warmth without being overly bold.

secondary

#FF7F50 - A soft coral orange, excellent for secondary content, decorative accents, or as a background for sections that need a touch of inviting color.

accent

#FFA07A - A delicate peachy orange, ideal for subtle highlights, interactive elements, or small details that add a touch of natural radiance.

background

#FFFAF0 - A soft, creamy near-white, perfect for main page backgrounds, providing an airy, clean canvas with a hint of warmth.

text

#7A4C30 (dark warm brown) - Offers excellent contrast and a natural, grounded feel for body text against the lighter backgrounds like #FFFAF0 or #FFDAB9.

Accessibility notes

  • Ensure a dark, contrasting text color like #7A4C30 is used on the lighter backgrounds (#FFFAF0, #FFDAB9) for readability.
  • Avoid using the lighter oranges for small text; they may lack sufficient contrast against other light elements.
  • The pastel nature of some colors requires careful pairing to meet WCAG AA contrast standards, especially for text.
  • Consider using larger font sizes for text set in #FF8C00 or #FF7F50 if placed on a white background.

Recommended combinations

Soft Sunset

Ideal for creating soft, glowing backgrounds or layered UI elements that evoke a gentle, warm light.

#FFFAF0 · #FFDAB9 · #FF7F50

Autumn Bliss

Excellent for inviting web layouts, using the near-white for backgrounds and the oranges for content blocks and highlights.

#FF8C00 · #FFA07A · #FFFAF0

Gentle Contrast

Use for subtle call-to-action buttons or important information where a warm, approachable, yet distinct visual is desired.

#FF7F50 · #FF8C00 · #FFDAB9

CSS variables

:root {
  --pumpkin-patch-glow-1: #FF7F50;
  --pumpkin-patch-glow-2: #FFA07A;
  --pumpkin-patch-glow-3: #FF8C00;
  --pumpkin-patch-glow-4: #FFDAB9;
  --pumpkin-patch-glow-5: #FFFAF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pumpkin-patch-glow": {
        1: "#FF7F50",
        2: "#FFA07A",
        3: "#FF8C00",
        4: "#FFDAB9",
        5: "#FFFAF0",
      }
    }
  }
}

Related searches

soft autumn palettewarm pumpkin colorscozy pastel orangenatural glow designgentle harvest scheme

Palette colors

Hex values

Color 1#FF7F50
·
Color 2#FFA07A
·
Color 3#FF8C00
·
Color 4#FFDAB9
·
Color 5#FFFAF0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.1:1Fail
1.9:1Fail
2.4:1Fail
2
1.3:1Fail
1.2:1Fail
1.5:1Fail
1.9:1Fail
3
1.1:1Fail
1.2:1Fail
1.8:1Fail
2.2:1Fail
4
1.9:1Fail
1.5:1Fail
1.8:1Fail
1.3:1Fail
5
2.4:1Fail
1.9:1Fail
2.2:1Fail
1.3:1Fail

Similar palettes

More like Pumpkin Patch Glow

View all Warm
Harvest Sundown Hearth
Harvest Season Charm
Spiced Harvest Hearth
Autumn Amber Cascade
Autumn Hearth Glow
Autumn Leaf Cascade