Back to palettes

Palette

Spiced Autumn Harvest

A rich blend of autumnal hues, capturing the essence of spiced ciders and bountiful harvests.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B76E36#E0984E#F2C17D#6C3D2B#9B4F29

Palette guide

How to use Spiced Autumn Harvest

Overview

The "Spiced Autumn Harvest" palette captures the rustic beauty and rich flavors of the season with its earthy and warm tones. This collection features a deep, grounding brown #6C3D2B, complemented by a robust spiced orange #9B4F29 and a lighter, inviting caramel #B76E36. Brighter accents include a soft peach #E0984E and a creamy harvest gold #F2C17D. Designers can utilize this palette to craft projects that evoke comfort, tradition, and natural warmth, from branding for artisanal products to engaging editorial layouts. Developers will find these hex codes ideal for creating serene and inviting digital experiences, ensuring a cohesive and visually rich user interface across various platforms.

Best used for

  • Rustic brand identity for food or craft businesses
  • Seasonal e-commerce store themes
  • Fall-themed event invitations and decor
  • Cozy blog or magazine layouts
  • Packaging for artisanal goods and spiced beverages
  • Digital illustrations with a natural, earthy feel

Suggested color roles

primary

#6C3D2B - A deep, rich chocolate brown, perfect for establishing a strong, natural foundation in branding, main text, or prominent UI elements.

secondary

#9B4F29 - A warm, inviting russet brown, excellent for subheadings, navigation, or secondary informational blocks, offering good contrast.

accent

#E0984E - A soft, bright peach-orange, ideal for call-to-action buttons, interactive states, or small decorative elements that need to stand out gently.

background

#F2C17D - A creamy, light harvest gold, serving as an excellent soft background that provides warmth without being overwhelming.

text

#6C3D2B - This deep brown offers superb readability against lighter backgrounds like #F2C17D, providing a classic, earthy text color.

Accessibility notes

  • Ensure #6C3D2B text on #F2C17D background meets WCAG AA contrast standards for readability.
  • Avoid using #E0984E or #F2C17D for small text elements on light backgrounds due to potential low contrast.
  • Use #9B4F29 for interactive elements to provide clear visual cues for users.
  • For extensive body text, consider a very dark charcoal for optimal readability if #6C3D2B feels too specific.

Recommended combinations

Earthy Foundation

Ideal for core branding, main website sections, or print designs that require a grounded and warm aesthetic.

#6C3D2B · #F2C17D · #9B4F29

Warm Accents

Excellent for highlighting key information, secondary elements, or creating visually appealing data visualizations.

#B76E36 · #E0984E · #6C3D2B

Soft Harvest

Best for subtle background textures, softer UI elements, or gradients that need to convey gentle warmth.

#F2C17D · #B76E36 · #E0984E

CSS variables

:root {
  --spiced-autumn-harvest-1: #B76E36;
  --spiced-autumn-harvest-2: #E0984E;
  --spiced-autumn-harvest-3: #F2C17D;
  --spiced-autumn-harvest-4: #6C3D2B;
  --spiced-autumn-harvest-5: #9B4F29;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-autumn-harvest": {
        1: "#B76E36",
        2: "#E0984E",
        3: "#F2C17D",
        4: "#6C3D2B",
        5: "#9B4F29",
      }
    }
  }
}

Related searches

autumn harvest color schemeearthy brown orange paletterustic fall colorsspiced natural toneswarm seasonal design

Palette colors

Hex values

Color 1#B76E36
·
Color 2#E0984E
·
Color 3#F2C17D
·
Color 4#6C3D2B
·
Color 5#9B4F29
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.4:1Fail
2.3:1Fail
1.5:1Fail
2
1.7:1Fail
1.4:1Fail
3.7:1AA18
2.5:1Fail
3
2.4:1Fail
1.4:1Fail
5.4:1AA
3.6:1AA18
4
2.3:1Fail
3.7:1AA18
5.4:1AA
1.5:1Fail
5
1.5:1Fail
2.5:1Fail
3.6:1AA18
1.5:1Fail

Similar palettes

More like Spiced Autumn Harvest

View all warm
Autumn Gourd Blend
Autumn Spice Hearth
Autumn Spice Rust
Autumn Spiced Brew
Autumn Spiced Orchard
Cinnamon Spiced