Palette

Autumn Cider Festival

Warm, inviting tones inspired by the festive colors and flavors of an autumn apple cider celebration.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CD853F#D2691E#FF8C00#B22222#8B4513

Palette guide

How to use Autumn Cider Festival

Overview

The "Autumn Cider Festival" palette captures the warm, inviting tones inspired by the festive colors and flavors of an autumn apple cider celebration. It includes a luminous peru #CD853F, a vibrant chocolate #D2691E, a fiery dark orange #FF8C00, a rich firebrick red #B22222, and a warm saddle brown #8B4513. This natural and warm palette is ideal for designers looking to infuse coziness, energy, and a strong connection to the autumn season into their projects. The harmonious blend of oranges, reds, and browns, progressing from deep to light, creates a refreshing and modern aesthetic, perfect for web interfaces, branding, or digital art that aims to be both captivating and serene. It offers a truly elegant and ethereal aesthetic.

Best used for

Seasonal product marketing (fall collection)
Food and beverage branding (cider, baked goods)
Event promotions (fall festivals, farmers markets)
Home decor or interior design websites
Crafts and artisanal goods e-commerce
Autumnal event invitations

Suggested color roles

primary

#D2691E - A vibrant chocolate, ideal for main interactive elements, key calls-to-action, or prominent sections that convey warmth and richness.

secondary

#CD853F - A luminous peru, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#FF8C00 - A fiery dark orange, perfect for highlights, hover states, or small decorative elements that need to pop with a brilliant glow.

background

#8B4513 - A warm saddle brown, providing a sophisticated and grounding foundation against which the vibrant oranges and reds truly shine.

text

#B22222 - A rich firebrick red that offers excellent readability on #8B4513 or #CD853F, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

Ensure #B22222 has sufficient contrast when used for text on #8B4513 or #CD853F backgrounds.
#D2691E can be used for headings on #8B4513, but always verify contrast for smaller text.
Avoid using #CD853F text directly on #D2691E, as the contrast might be insufficient.
For optimal readability, use a dark charcoal or black text on the lightest shades for general body copy.

Recommended combinations

Deep Brew

Robust website footers, elegant dashboards, or professional presentations.

#8B4513 · #B22222 · #D2691E

Festival Glow

Vibrant hero sections, engaging infographics, or serene app interfaces.

#D2691E · #FF8C00 · #CD853F

Autumn Spice

Dynamic gradient backgrounds, celestial-themed graphics, or impactful presentations.

#8B4513 · #FF8C00 · #CD853F

CSS variables

:root {
  --autumn-cider-festival-1: #CD853F;
  --autumn-cider-festival-2: #D2691E;
  --autumn-cider-festival-3: #FF8C00;
  --autumn-cider-festival-4: #B22222;
  --autumn-cider-festival-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-cider-festival": {
        1: "#CD853F",
        2: "#D2691E",
        3: "#FF8C00",
        4: "#B22222",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#CD853F

Color 2#D2691E

Color 3#FF8C00

Color 4#B22222

Color 5#8B4513

Accessibility

Contrast checker

1.2:1Fail

1.3:1Fail

2.2:1Fail

2.4:1Fail

1.2:1Fail

1.6:1Fail

1.8:1Fail

2:1Fail

1.3:1Fail

1.6:1Fail

2.9:1Fail

3:1AA18

2.2:1Fail

1.8:1Fail

2.9:1Fail

1.1:1Fail

2.4:1Fail

2:1Fail

3:1AA18

1.1:1Fail

Similar palettes

More like Autumn Cider Festival

View all warm

Autumn Cider Spill

Autumn Orchard Gold

Autumn Orchard Sunset

Autumn Pumpkin Patch

Ginger Harvest Hue

Harvest Pumpkin Patch