Back to palettes

Palette

Autumn Gourd Blend

The rich and inviting colors of a bountiful pumpkin harvest, infused with warm, autumnal spices.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Gourd Blend 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 Gourd Blend.

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

Data visualization

#D2691E#CD5C5C#DAA520#B8860B#FF7F50

Palette guide

How to use Autumn Gourd Blend

Overview

The "Autumn Gourd Blend" palette captures the rich and inviting colors of a bountiful pumpkin harvest, infused with warm, autumnal spices. It features the vibrant burnt orange of #D2691E, the soft coral-red of #CD5C5C, and the lively coral of #FF7F50. These are beautifully complemented by the radiant golden yellow of #DAA520 and the slightly deeper gold of #B8860B. This collection is perfect for designs aiming to evoke natural warmth, festive charm, and a sense of cozy abundance. Designers and developers can utilize these harmonious hues for creating inviting interfaces, seasonal branding, or evocative holiday content.

Best used for

  • Fall festival and harvest event branding
  • Pumpkin patch or seasonal farm websites
  • Cozy home decor and craft e-commerce
  • Seasonal food and beverage marketing
  • User interfaces with a warm, festive feel
  • Digital art and illustrations of gourds and autumn scenes

Suggested color roles

primary

#D2691E - A vibrant, warm burnt orange that serves as an excellent focal point for branding, call-to-action buttons, or main headings.

secondary

#DAA520 - A radiant golden yellow that provides a luminous supporting role for subheadings, highlights, or secondary navigation.

accent

#FF7F50 - A lively coral that brings a pop of warmth and cheer, ideal for interactive elements, highlights, or small decorative details.

background

#CD5C5C - A soft, warm coral-red that offers a comforting base, allowing brighter oranges and golds to stand out.

text

Black or deep charcoal for optimal readability against lighter shades like #DAA520. For text on #CD5C5C, use a dark brown.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #FF7F50 on #CD5C5C, which may be challenging for readability.
  • For body text on #DAA520 or #B8860B, use black or a deep charcoal to meet WCAG AA standards.
  • Avoid using #D2691E or #CD5C5C for small text on backgrounds of similar warmth without careful contrast checking.
  • Test interactive elements for clear visual feedback and sufficient contrast in all states.

Recommended combinations

Harvest Glow

Creates a luminous, warm gradient from gold to burnt orange, ideal for headers, prominent visuals, or seasonal banners.

#DAA520 · #B8860B · #D2691E

Spiced Blend

Combines the coral-red with vibrant corals and burnt orange for a cheerful, warm, and inviting look.

#CD5C5C · #FF7F50 · #D2691E

Gourd Accents

A strong blend of orange, coral, and gold, excellent for creating high-impact sections or visual accents.

#D2691E · #FF7F50 · #DAA520

CSS variables

:root {
  --autumn-gourd-blend-1: #D2691E;
  --autumn-gourd-blend-2: #CD5C5C;
  --autumn-gourd-blend-3: #DAA520;
  --autumn-gourd-blend-4: #B8860B;
  --autumn-gourd-blend-5: #FF7F50;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-gourd-blend": {
        1: "#D2691E",
        2: "#CD5C5C",
        3: "#DAA520",
        4: "#B8860B",
        5: "#FF7F50",
      }
    }
  }
}

Related searches

autumn pumpkin color paletteharvest gourd colorswarm spiced orange schemefestive fall ui designcozy seasonal branding

Palette colors

Hex values

Color 1#D2691E
·
Color 2#CD5C5C
·
Color 3#DAA520
·
Color 4#B8860B
·
Color 5#FF7F50
·

Accessibility

Contrast checker

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

Similar palettes

More like Autumn Gourd Blend

View all warm
Autumn Spice Hearth
Autumn Spice Rust
Autumn Spiced Brew
Autumn Spiced Pumpkin
Pumpkin Spice Harvest
Spiced Apple Cider