Back to palettes

Palette

Spiced Cider Autumn

Captures the rich, comforting aromas and fiery hues of autumn spiced cider.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#FF4500#FFA500#D2691E#CD5C5C

Palette guide

How to use Spiced Cider Autumn

Overview

The Spiced Cider Autumn palette evokes the rich, comforting essence of fall with its deeply warm and inviting hues. Featuring a robust deep red (#8B0000), a lively orange-red (#FF4500), a sunny pure orange (#FFA500), an earthy brown-orange (#D2691E), and a softer muted red (#CD5C5C), this collection is perfect for projects aiming for a cozy, rustic, or traditional feel. Designers can leverage its natural warmth to create engaging visuals that resonate with feelings of home, harvest, and seasonal festivities. Developers will find these hex codes ideal for crafting user interfaces that feel grounded and welcoming.

Best used for

  • Autumnal branding and marketing campaigns
  • Restaurant menus or food packaging (especially beverages, baked goods)
  • Cozy home decor or interior design visualizations
  • Seasonal event invitations and website themes (e.g., Thanksgiving, fall festivals)
  • Rustic or heritage brand identity
  • Comfort food blogs and recipe apps

Suggested color roles

primary

#8B0000 (Dark Red) - Ideal for strong headers, prominent calls-to-action, or a sophisticated brand primary color, conveying depth and richness.

secondary

#FF4500 (Orange Red) - Use for secondary headings, buttons, or key interactive elements to add energy and draw attention, complementing the primary red.

accent

#FFA500 (Orange) - Perfect for small highlights, icons, or decorative elements to introduce a bright, cheerful pop of warmth without overwhelming the design.

background

#D2691E (Brown-Orange) - Excellent as a warm, inviting background for content areas, card elements, or even as a dominant brand color for a rustic feel.

text

For optimal readability, use a dark charcoal or black text on lighter backgrounds like a neutral off-white, or a contrasting white/near-white text on darker colors such as #8B0000 or #D2691E.

Accessibility notes

  • Ensure sufficient contrast when pairing #FFA500 (Orange) with lighter backgrounds; it may require larger text sizes.
  • Use #8B0000 (Dark Red) or a dark neutral for text on #D2691E (Brown-Orange) backgrounds to maintain WCAG AA compliance.
  • Avoid placing #FF4500 (Orange Red) directly next to #FFA500 (Orange) for critical information due to potential low contrast for color-blind users.
  • White or very light text provides excellent contrast against the darker #8B0000 (Dark Red) and #D2691E (Brown-Orange) for headlines and body copy.

Recommended combinations

Harvest Glow

Ideal for seasonal promotions, food branding, or website headers that need a rich, inviting feel.

#8B0000 · #FFA500 · #D2691E

Spiced Comfort

Excellent for creating cozy UI elements, accenting editorial content, or design themes that feel both energetic and warm.

#CD5C5C · #FF4500 · #8B0000

Ember & Earth

Perfect for rustic brand identities, natural product packaging, or warm digital backgrounds that evoke a sense of grounded warmth.

#D2691E · #FFA500 · #8B0000

CSS variables

:root {
  --spiced-cider-autumn-1: #8B0000;
  --spiced-cider-autumn-2: #FF4500;
  --spiced-cider-autumn-3: #FFA500;
  --spiced-cider-autumn-4: #D2691E;
  --spiced-cider-autumn-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-cider-autumn": {
        1: "#8B0000",
        2: "#FF4500",
        3: "#FFA500",
        4: "#D2691E",
        5: "#CD5C5C",
      }
    }
  }
}

Related searches

autumn color schemesfall palette inspirationwarm red orange colorsspicy color combinationscozy design color palette

Palette colors

Hex values

Color 1#8B0000
·
Color 2#FF4500
·
Color 3#FFA500
·
Color 4#D2691E
·
Color 5#CD5C5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
5.1:1AA
2.8:1Fail
2.5:1Fail
2
2.9:1Fail
1.7:1Fail
1.1:1Fail
1.2:1Fail
3
5.1:1AA
1.7:1Fail
1.8:1Fail
2:1Fail
4
2.8:1Fail
1.1:1Fail
1.8:1Fail
1.1:1Fail
5
2.5:1Fail
1.2:1Fail
2:1Fail
1.1:1Fail

Similar palettes

More like Spiced Cider Autumn

View all warm
Spiced Cinnamon Hearth
Autumn Hearth Comfort
Autumn Hearth Glow
Cinnamon Toast Cozy
Clove Spice Hearth
Ember Glow Hearth