Back to palettes

Palette

Autumn Gourd Spice

Warm, inviting shades of autumn gourds and rich harvest spices for a cozy feeling.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8D7BE#F0AF8C#E38A5F#CC633D#9B3F24

Palette guide

How to use Autumn Gourd Spice

Overview

The "Autumn Gourd Spice" palette features warm, inviting shades of autumn gourds and rich harvest spices, creating a cozy and energetic feeling. It transitions from the very light, soft cream of #F8D7BE through the gentle peach of #F0AF8C, to the vibrant orange of #E38A5F and the deeper, intense orange-brown of #CC633D, culminating in the profound, dark brown-orange of #9B3F24. This collection is perfect for designs aiming to evoke natural warmth, comforting flavors, and a sense of inviting energy. Designers and developers can utilize these harmonious hues for creating engaging interfaces, rustic branding, or evocative seasonal content.

Best used for

  • Food and recipe blogs, especially seasonal
  • Branding for bakeries or spice companies
  • Cozy home decor e-commerce platforms
  • Autumnal event invitations and marketing
  • User interfaces with a warm, appetizing feel
  • Packaging for seasonal food products

Suggested color roles

primary

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

secondary

#F0AF8C - A softer, warm peach that provides gentle support for subheadings, card backgrounds, or secondary navigation.

accent

#CC633D - A deeper, rich orange-brown that adds sophistication and depth, perfect for interactive elements, highlights, or small, impactful details.

background

#F8D7BE - A very light, soft cream that offers a clean, inviting base, ensuring content clarity and a cozy feel.

text

#9B3F24 - A deep, dark brown-orange that provides excellent contrast against lighter shades like #F8D7BE, ensuring high readability for body text.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #F0AF8C on #F8D7BE, which may be challenging for readability.
  • Use #9B3F24 or a deep brown/black for body text on #F8D7BE to meet WCAG AA standards.
  • Avoid using #E38A5F or #CC633D 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

Spice Blend

Creates a soft to vibrant warm gradient, ideal for backgrounds, headers, or atmospheric sections.

#F8D7BE · #F0AF8C · #E38A5F

Deep Harvest

Combines the deepest brown-orange with a vibrant mid-tone and a light cream for striking contrast and an earthy, energetic feel.

#9B3F24 · #CC633D · #F8D7BE

Gourd Warmth

A harmonious blend of oranges and peach, great for dynamic visual elements or highlighting key information.

#E38A5F · #CC633D · #F0AF8C

CSS variables

:root {
  --autumn-gourd-spice-1: #F8D7BE;
  --autumn-gourd-spice-2: #F0AF8C;
  --autumn-gourd-spice-3: #E38A5F;
  --autumn-gourd-spice-4: #CC633D;
  --autumn-gourd-spice-5: #9B3F24;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-gourd-spice": {
        1: "#F8D7BE",
        2: "#F0AF8C",
        3: "#E38A5F",
        4: "#CC633D",
        5: "#9B3F24",
      }
    }
  }
}

Related searches

autumn gourd spice palettewarm harvest colorscozy orange brown schemenatural seasonal ui designinviting food blog colors

Palette colors

Hex values

Color 1#F8D7BE
·
Color 2#F0AF8C
·
Color 3#E38A5F
·
Color 4#CC633D
·
Color 5#9B3F24
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.9:1Fail
4.9:1AA
2
1.4:1Fail
1.4:1Fail
2.1:1Fail
3.6:1AA18
3
1.9:1Fail
1.4:1Fail
1.5:1Fail
2.6:1Fail
4
2.9:1Fail
2.1:1Fail
1.5:1Fail
1.7:1Fail
5
4.9:1AA
3.6:1AA18
2.6:1Fail
1.7:1Fail

Similar palettes

More like Autumn Gourd Spice

View all warm
Spiced Caramel Dream
Amber Harvest Nectar
Autumn Apple Basket
Autumn Ember Dance
Bright Autumn Orchard
Crimson Ember Glow