Back to palettes

Palette

Autumn Cider Barrel

Warm and inviting, like the aged wood of a cider barrel filled with a spiced autumn brew.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7D4C2D#A5683F#C88B60#5A331A#B67E56

Palette guide

How to use Autumn Cider Barrel

Overview

The "Autumn Cider Barrel" palette is warm and inviting, like the aged wood of a cider barrel filled with a spiced autumn brew. It features a deep brown #7D4C2D, a warm sienna #A5683F, a luminous light brown #C88B60, a profound dark brown #5A331A, and a rich medium brown #B67E56. This natural and warm palette is ideal for designers looking to infuse coziness, rustic charm, and a strong connection to the autumn season into their projects. The harmonious blend of 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, craft beer)
  • Home decor or interior design websites
  • Rustic cafes or breweries branding
  • Crafts and artisanal goods e-commerce
  • Autumnal event invitations

Suggested color roles

primary

#A5683F - A warm sienna, ideal for main interactive elements, key calls-to-action, or prominent sections that convey warmth and richness.

secondary

#7D4C2D - A deep brown, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#C88B60 - A luminous light brown, perfect for highlights, hover states, or small decorative elements that need to pop with a brilliant glow.

background

#B67E56 - A rich medium brown, providing a sophisticated and grounding foundation against which the lighter browns truly shine.

text

#5A331A - A profound dark brown that offers excellent readability on #B67E56 or #C88B60, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

  • Ensure #5A331A has sufficient contrast when used for text on #B67E56 or #C88B60 backgrounds.
  • #7D4C2D can be used for headings on #5A331A, but always verify contrast for smaller text.
  • Avoid using #A5683F text directly on #C88B60, 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 Wood

Robust website footers, elegant dashboards, or professional presentations.

#5A331A · #7D4C2D · #A5683F

Barrel Glow

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

#A5683F · #C88B60 · #B67E56

Rustic Brew

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

#5A331A · #C88B60 · #B67E56

CSS variables

:root {
  --autumn-cider-barrel-1: #7D4C2D;
  --autumn-cider-barrel-2: #A5683F;
  --autumn-cider-barrel-3: #C88B60;
  --autumn-cider-barrel-4: #5A331A;
  --autumn-cider-barrel-5: #B67E56;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-cider-barrel": {
        1: "#7D4C2D",
        2: "#A5683F",
        3: "#C88B60",
        4: "#5A331A",
        5: "#B67E56",
      }
    }
  }
}

Related searches

autumn cider brown paletterustic wood colorsnatural fall brandingcozy barrel UIwarm seasonal design

Palette colors

Hex values

Color 1#7D4C2D
·
Color 2#A5683F
·
Color 3#C88B60
·
Color 4#5A331A
·
Color 5#B67E56
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
1.5:1Fail
2.1:1Fail
2
1.6:1Fail
1.6:1Fail
2.4:1Fail
1.3:1Fail
3
2.5:1Fail
1.6:1Fail
3.8:1AA18
1.2:1Fail
4
1.5:1Fail
2.4:1Fail
3.8:1AA18
3.2:1AA18
5
2.1:1Fail
1.3:1Fail
1.2:1Fail
3.2:1AA18

Similar palettes

More like Autumn Cider Barrel

View all warm
Cozy Cabin Hearth
Autumn Cider Warmth
Autumn Harvest Hearth
Autumn Pumpkin Spice
Autumn Syrup
Cinnamon Bark Spice