Back to palettes

Palette

Spiced Autumn Gourd

A comforting blend of rich oranges, browns, and golds, reminiscent of autumn gourds and warm spices.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#964B00#CC7722#FFBF00#FFD700#FFEFD5

Palette guide

How to use Spiced Autumn Gourd

Overview

The "Spiced Autumn Gourd" palette offers a comforting and rich array of warm, earthy tones, perfect for evoking a cozy autumn atmosphere. This collection spans from a deep, grounding brown-orange like #964B00 to a vibrant, spicy orange #CC7722, through bright, sunny yellows such as #FFBF00 and #FFD700, culminating in a soft, creamy off-white #FFEFD5. Designers can leverage this palette to create inviting digital interfaces, rustic branding, or warm editorial layouts. Developers will find these hex codes easy to implement for themes that require a natural, harvest-time feel, ensuring visual harmony across web and mobile applications. It’s ideal for projects aiming for warmth, tradition, and a touch of seasonal charm.

Best used for

  • Autumnal branding and seasonal marketing campaigns
  • Cozy home decor e-commerce websites
  • Food and beverage packaging, especially for spiced goods
  • Editorial design for lifestyle or craft magazines
  • Mobile app themes with a warm, inviting user experience
  • Rustic wedding invitations or event collateral

Suggested color roles

primary

#964B00 - A deep, grounding burnt orange, excellent for main headers, prominent buttons, or large brand elements that need to convey warmth and stability.

secondary

#CC7722 - A vibrant, true orange that pairs well with the primary, suitable for subheadings, active states, or key informational sections.

accent

#FFBF00 - A bright, optimistic golden yellow, perfect for call-to-action buttons, highlights, or small decorative elements that require a pop of energy.

background

#FFEFD5 - A soft, creamy off-white, ideal for clean and readable backgrounds, providing a gentle contrast without being stark white.

text

#964B00 (or a deep charcoal like #333333) - For main body text, #964B00 offers strong readability against #FFEFD5, or a dark neutral like charcoal provides classic contrast.

Accessibility notes

  • Ensure sufficient contrast between #964B00 text and #FFEFD5 backgrounds for WCAG AA compliance.
  • Avoid placing #FFBF00 or #FFD700 directly on #FFEFD5 for body text, as contrast will be too low.
  • Use #CC7722 or #964B00 for interactive elements like links and buttons to ensure visibility.
  • Consider a darker neutral color for extensive body text if #964B00 feels too dominant, while maintaining contrast.

Recommended combinations

Earthy Base

Ideal for foundational branding, main website sections, or print materials requiring a strong, natural feel.

#964B00 · #FFEFD5 · #CC7722

Vibrant Harvest

Excellent for highlighting seasonal promotions, call-to-action elements, or lively graphic accents.

#CC7722 · #FFBF00 · #964B00

Soft Glow

Best for subtle UI elements, background gradients, or areas where a light, airy, yet warm touch is desired.

#FFEFD5 · #FFD700 · #CC7722

CSS variables

:root {
  --spiced-autumn-gourd-1: #964B00;
  --spiced-autumn-gourd-2: #CC7722;
  --spiced-autumn-gourd-3: #FFBF00;
  --spiced-autumn-gourd-4: #FFD700;
  --spiced-autumn-gourd-5: #FFEFD5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-autumn-gourd": {
        1: "#964B00",
        2: "#CC7722",
        3: "#FFBF00",
        4: "#FFD700",
        5: "#FFEFD5",
      }
    }
  }
}

Related searches

autumn color schemescozy fall paletteharvest inspired colorswarm gourd hex codesspice themed design

Palette colors

Hex values

Color 1#964B00
·
Color 2#CC7722
·
Color 3#FFBF00
·
Color 4#FFD700
·
Color 5#FFEFD5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.8:1AA18
4.5:1AA
5.6:1AA
2
1.9:1Fail
2:1Fail
2.4:1Fail
3:1Fail
3
3.8:1AA18
2:1Fail
1.2:1Fail
1.5:1Fail
4
4.5:1AA
2.4:1Fail
1.2:1Fail
1.2:1Fail
5
5.6:1AA
3:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Spiced Autumn Gourd

View all warm
Harvest Spice Market
Spiced Pumpkin Patch
Autumn Cider Festival
Autumn Orchard Gold
Autumn Orchard Sunset
Autumn Pumpkin Patch