Palette

Gourd Harvest Gold

A rich and inviting palette reflecting the warm, bountiful colors of an autumn gourd harvest.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gourd Harvest Gold 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 Gourd Harvest Gold.

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

Data visualization

#A0522D#D2691E#FF8C00#FFA500#CD5C5C

Palette guide

How to use Gourd Harvest Gold

Overview

The Gourd Harvest Gold palette radiates the warm, bountiful spirit of autumn, combining rich oranges and a touch of deep red. Featuring #A0522D and #D2691E as its earthy anchors, it transitions beautifully into the vibrant #FF8C00 and #FFA500, with a complementary #CD5C5C adding a subtle rosy warmth. This palette is a designer's go-to for projects demanding an energetic, festive, and inviting atmosphere. These hex codes are perfect for seasonal branding, food-related content, or any digital interface that benefits from a cozy yet lively feel. Developers can easily integrate these colors for a consistent and appealing user experience across various platforms.

Best used for

Autumnal event promotions
Food and beverage branding
Seasonal retail websites
Harvest festival decor
Cozy blog and content design
Family-oriented app interfaces

Suggested color roles

primary

Use #A0522D as a grounding primary color for headers, important sections, or foundational branding elements, providing an earthy depth.

secondary

Apply #D2691E for supporting content blocks, navigation bars, or secondary features, offering a rich, warm complementary tone.

accent

Employ #FFA500 sparingly for energetic calls-to-action, interactive elements, or key graphic details to create vibrant focal points.

background

Choose #FFA500 for a bright, inviting background, or a neutral cream/off-white for a cleaner base with these colors as accents.

text

Utilize #A0522D for headings and main body text on lighter backgrounds, ensuring excellent readability and a cohesive autumnal feel.

Accessibility notes

Ensure sufficient contrast for text on vibrant backgrounds, especially when using #A0522D on #FFA500.
Verify that interactive elements using #FFA500 have adequate contrast against #D2691E if placed closely.
Avoid using #FF8C00 as text on #FFA500, as the contrast will be insufficient for readability.
For body text on very bright oranges, a dark brown or black is recommended for optimal readability.

Recommended combinations

Harvest Glow

Excellent for creating vibrant hero sections, festive banners, or call-to-action buttons that pop with warmth.

#A0522D · #FFA500 · #CD5C5C

Earthy Blend

Ideal for layered backgrounds, subtle gradients, or decorative elements that transition smoothly through autumnal hues.

#D2691E · #FF8C00 · #A0522D

Festive Accent

Perfect for highlighting key information, interactive icons, or small graphical elements that need a touch of celebratory color.

#FFA500 · #CD5C5C · #A0522D

CSS variables

:root {
  --gourd-harvest-gold-1: #A0522D;
  --gourd-harvest-gold-2: #D2691E;
  --gourd-harvest-gold-3: #FF8C00;
  --gourd-harvest-gold-4: #FFA500;
  --gourd-harvest-gold-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gourd-harvest-gold": {
        1: "#A0522D",
        2: "#D2691E",
        3: "#FF8C00",
        4: "#FFA500",
        5: "#CD5C5C",
      }
    }
  }
}

Hex values

Color 1#A0522D

Color 2#D2691E

Color 3#FF8C00

Color 4#FFA500

Color 5#CD5C5C

Accessibility

Contrast checker

1.5:1Fail

2.4:1Fail

2.8:1Fail

1.4:1Fail

1.5:1Fail

1.6:1Fail

1.8:1Fail

1.1:1Fail

2.4:1Fail

1.6:1Fail

1.2:1Fail

1.7:1Fail

2.8:1Fail

1.8:1Fail

1.2:1Fail

2:1Fail

1.4:1Fail

1.1:1Fail

1.7:1Fail

2:1Fail

Similar palettes

More like Gourd Harvest Gold

View all warm

Harvest Festival Plume

Harvest Orchard Gold

Amber Harvest Nectar

Autumn Apple Basket

Autumn Harvest Lantern

Bright Autumn Orchard