Palette

Autumn Spice Glow

The rich, inviting warmth of autumn leaves and harvest spices, glowing under a golden sun.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A34E2E#CD703C#F0A76E#F7D7AB#7F3C23

Palette guide

How to use Autumn Spice Glow

Overview

The Autumn Spice Glow palette captures the rich, inviting warmth of autumn leaves and harvest spices, glowing under a golden sun. It features a deep reddish-brown (#A34E2E) and a rich coral orange (#CD703C), providing robust depth. A soft peach-orange (#F0A76E) offers a delicate, creamy highlight, while a very light cream (#F7D7AB) provides an expansive, airy base. A very dark brown (#7F3C23) offers essential grounding. This palette is exceptionally useful for designers and developers aiming to create projects with natural warmth, rustic charm, and an inviting, cozy aesthetic. From seasonal marketing and nature-inspired branding to engaging digital interfaces and charming print materials, these hex codes provide a versatile range for visually appealing experiences.

Best used for

Seasonal marketing for fall events
Rustic brand identity for food products
Autumnal website and blog themes
Harvest festival event design
Digital illustrations of autumn leaves
Cozy home decor mockups

Suggested color roles

primary

Utilize #A34E2E as a grounding primary color for strong foundational elements or significant content sections, conveying rustic stability.

secondary

Employ #CD703C for secondary headings or important content blocks, adding a warm and inviting orange hue.

accent

Highlight interactive elements or key information with #F0A76E to provide a soft, yet noticeable accent.

background

A light, expansive background of #F7D7AB creates a clean, warm canvas, allowing darker elements to stand out beautifully.

text

For optimal readability, use #7F3C23 or a dark charcoal for body text on lighter backgrounds, or a crisp white on deeper hues.

Accessibility notes

Ensure sufficient contrast between #7F3C23 text and #F7D7AB background for WCAG AA compliance.
Avoid using #F0A76E or #CD703C for small text on #F7D7AB backgrounds due to potential readability issues.
Test color combinations for users with color vision deficiencies, especially with the brown-orange spectrum.
Provide clear visual cues beyond color for interactive states, particularly between #A34E2E and #CD703C.

Recommended combinations

Spice Ground

Creates a deep, grounded base with a rustic accent and soft highlight, excellent for footers or natural headers.

#7F3C23 · #A34E2E · #F7D7AB

Autumn Glow

Ideal for energetic calls-to-action, festive banners, or graphic elements that evoke warm spices and leaves.

#CD703C · #F0A76E · #A34E2E

Earthy Cream

Use for a light, inviting background with deep text and a warm supporting color, suitable for content cards or alerts.

#F7D7AB · #7F3C23 · #CD703C

CSS variables

:root {
  --autumn-spice-glow-1: #A34E2E;
  --autumn-spice-glow-2: #CD703C;
  --autumn-spice-glow-3: #F0A76E;
  --autumn-spice-glow-4: #F7D7AB;
  --autumn-spice-glow-5: #7F3C23;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-spice-glow": {
        1: "#A34E2E",
        2: "#CD703C",
        3: "#F0A76E",
        4: "#F7D7AB",
        5: "#7F3C23",
      }
    }
  }
}

Hex values

Color 1#A34E2E

Color 2#CD703C

Color 3#F0A76E

Color 4#F7D7AB

Color 5#7F3C23

Accessibility

Contrast checker

1.6:1Fail

2.8:1Fail

4.1:1AA18

1.4:1Fail

1.6:1Fail

1.7:1Fail

2.6:1Fail

2.3:1Fail

2.8:1Fail

1.7:1Fail

1.5:1Fail

4.1:1AA18

2.6:1Fail

1.5:1Fail

5.9:1AA

1.4:1Fail

2.3:1Fail

4.1:1AA18

5.9:1AA

Similar palettes

More like Autumn Spice Glow

Autumn Spice Glow

See it in context.

Ready when you are.

Built with Autumn Spice Glow.

How to use Autumn Spice Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Spice Ground

Autumn Glow

Earthy Cream

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Autumn Spice Glow