Back to palettes

Palette

Harvest Pumpkin Glow

Warm and inviting oranges and reds, reflecting the rich abundance 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 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 Harvest Pumpkin Glow.

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

Data visualization

#E9967A#FF7F50#C24A00#8A2D0C#FDD692

Palette guide

How to use Harvest Pumpkin Glow

Overview

The Harvest Pumpkin Glow palette radiates with warm and inviting oranges and reds, perfectly reflecting the rich abundance of an autumn harvest. This collection features the gentle #E9967A (Light Salmon) and vibrant #FF7F50 (Coral), balanced by the deeper #C24A00 (Rust Orange) and #8A2D0C (Dark Sienna). The soft #FDD692 (Light Peach) provides a luminous base, allowing the richer tones to truly glow. Designers aiming for a cozy, natural, and welcoming aesthetic will find this palette ideal for capturing the comforting essence of fall and pumpkin season.

Best used for

  • Cozy autumnal branding
  • Fall festival promotions
  • Warm food blogs and recipes
  • Seasonal product packaging
  • Rustic home decor sites
  • Inviting event invitations

Suggested color roles

primary

Use #FF7F50 (Coral) as a warm, inviting, and energetic core color, perfect for main branding or calls to action.

secondary

Apply #C24A00 (Rust Orange) to add depth and intensity, providing a richer, grounded complement to the primary.

accent

Employ #E9967A (Light Salmon) as a soft highlight, adding a gentle, luminous touch to details or lighter elements.

background

Utilize #FDD692 (Light Peach) as a warm, soft, and welcoming background, enhancing the glow of the other colors.

text

Select #8A2D0C (Dark Sienna) for body text and headings, ensuring excellent readability and a harmonious, natural feel, or a deep charcoal for general readability.

Accessibility notes

  • Ensure #8A2D0C or a dark charcoal text on #FDD692 provides good contrast for optimal readability.
  • Avoid using #E9967A or #FF7F50 for small text on light backgrounds 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

Pumpkin Spice

Ideal for rich, warm headers, content blocks, or elements that evoke the comforting flavors of fall.

#C24A00 · #FF7F50 · #FDD692

Gentle Glow

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

#E9967A · #FDD692 · #8A2D0C

Deep Harvest

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

#8A2D0C · #C24A00 · #FF7F50

CSS variables

:root {
  --harvest-pumpkin-glow-1: #E9967A;
  --harvest-pumpkin-glow-2: #FF7F50;
  --harvest-pumpkin-glow-3: #C24A00;
  --harvest-pumpkin-glow-4: #8A2D0C;
  --harvest-pumpkin-glow-5: #FDD692;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-pumpkin-glow": {
        1: "#E9967A",
        2: "#FF7F50",
        3: "#C24A00",
        4: "#8A2D0C",
        5: "#FDD692",
      }
    }
  }
}

Related searches

pumpkin color schemewarm autumn redsfall glow palettecozy harvest colorsnatural orange designs

Palette colors

Hex values

Color 1#E9967A
·
Color 2#FF7F50
·
Color 3#C24A00
·
Color 4#8A2D0C
·
Color 5#FDD692
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.1:1Fail
3.7:1AA18
1.7:1Fail
2
1.1:1Fail
2:1Fail
3.4:1AA18
1.8:1Fail
3
2.1:1Fail
2:1Fail
1.7:1Fail
3.6:1AA18
4
3.7:1AA18
3.4:1AA18
1.7:1Fail
6.2:1AA
5
1.7:1Fail
1.8:1Fail
3.6:1AA18
6.2:1AA

Similar palettes

More like Harvest Pumpkin Glow

View all Warm