Back to palettes

Palette

Autumn Spice Rust

Rich, earthy tones capturing the comforting essence of autumn spices and foliage.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CC7722#A52A2A#DAA520#8B4513#D2691E

Palette guide

How to use Autumn Spice Rust

Overview

The Autumn Spice Rust palette offers rich, earthy tones capturing the comforting essence of autumn spices and foliage. It features a vibrant rust orange (#CC7722) and a deep brown-red (#A52A2A), evoking rich, festive hues. A goldenrod (#DAA520) adds a sunny glow, while a deep saddle brown (#8B4513) provides grounding. A rich chocolate orange (#D2691E) adds energetic warmth. 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

  • Harvest festival event branding
  • Gourmet food and beverage packaging
  • Autumnal website and blog themes
  • Rustic e-commerce product displays
  • Digital illustrations of spices
  • Cozy home decor mockups

Suggested color roles

primary

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

secondary

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

accent

Highlight interactive elements or key information with #DAA520 to ensure they pop with energetic, golden appeal.

background

A light, neutral cream or beige background allows the richness of these colors to truly shine.

text

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

Accessibility notes

  • Ensure sufficient contrast between #8B4513 text and lighter backgrounds (e.g., cream) for WCAG AA compliance.
  • Avoid using #DAA520 or #CC7722 for small text on similarly bright backgrounds due to potential readability issues.
  • Test color combinations for users with color vision deficiencies, especially with the orange-red-gold spectrum.
  • Provide clear visual cues beyond color for interactive states, particularly between #CC7722 and #D2691E.

Recommended combinations

Spice Ground

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

#8B4513 · #A52A2A · #DAA520

Warm Rust

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

#CC7722 · #D2691E · #A52A2A

Earthy Glow

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

#DAA520 · #8B4513 · #CC7722

CSS variables

:root {
  --autumn-spice-rust-1: #CC7722;
  --autumn-spice-rust-2: #A52A2A;
  --autumn-spice-rust-3: #DAA520;
  --autumn-spice-rust-4: #8B4513;
  --autumn-spice-rust-5: #D2691E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-spice-rust": {
        1: "#CC7722",
        2: "#A52A2A",
        3: "#DAA520",
        4: "#8B4513",
        5: "#D2691E",
      }
    }
  }
}

Related searches

autumn spice color paletterustic fall colorsorange brown red hexseasonal harvest designnatural warm blend

Palette colors

Hex values

Color 1#CC7722
·
Color 2#A52A2A
·
Color 3#DAA520
·
Color 4#8B4513
·
Color 5#D2691E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.5:1Fail
2.1:1Fail
1.1:1Fail
2
2.1:1Fail
3.2:1AA18
1:1Fail
1.9:1Fail
3
1.5:1Fail
3.2:1AA18
3.2:1AA18
1.6:1Fail
4
2.1:1Fail
1:1Fail
3.2:1AA18
2:1Fail
5
1.1:1Fail
1.9:1Fail
1.6:1Fail
2:1Fail

Similar palettes

More like Autumn Spice Rust

View all warm
Autumn Gourd Blend
Autumn Harvest Berry
Autumn Spice Hearth
Autumn Spiced Brew
Earthen Spice Bake
Golden Harvest Fields