Back to palettes

Palette

Autumn Cider Fireside

Inviting shades of deep red, orange, and brown that evoke a cozy autumn evening by the fire.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CD5C5C#DAA520#A0522D#B22222

Palette guide

How to use Autumn Cider Fireside

Overview

The "Autumn Cider Fireside" palette features inviting shades of deep red, orange, and brown that evoke a cozy autumn evening by the fire, creating a calm and warm feel. It includes a rich saddle brown #8B4513, a muted coral #CD5C5C, a vibrant goldenrod #DAA520, a warm sienna #A0522D, and a deep firebrick red #B22222. This warm palette is ideal for designers looking to infuse coziness, comfort, and a strong connection to the autumn season into their projects. The harmonious blend of reds, oranges, 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)
  • Home decor or interior design websites
  • Cafes or bakeries branding
  • Crafts and artisanal goods e-commerce
  • Autumnal event invitations

Suggested color roles

primary

#CD5C5C - A muted coral, ideal for main interactive elements, key calls-to-action, or prominent sections that convey warmth and richness.

secondary

#8B4513 - A rich saddle brown, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#DAA520 - A vibrant goldenrod, perfect for highlights, hover states, or small decorative elements that need to pop with a brilliant glow.

background

#A0522D - A warm sienna, providing a sophisticated and grounding foundation against which the vibrant reds and oranges truly shine.

text

#B22222 - A deep firebrick red that offers excellent readability on #A0522D or #CD5C5C, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

  • Ensure #B22222 has sufficient contrast when used for text on #A0522D or #CD5C5C backgrounds.
  • #8B4513 can be used for headings on #A0522D, but always verify contrast for smaller text.
  • Avoid using #CD5C5C text directly on #DAA520, 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 Ember

Robust website footers, elegant dashboards, or professional presentations.

#8B4513 · #A0522D · #B22222

Fireside Glow

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

#CD5C5C · #DAA520 · #A0522D

Autumn Warmth

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

#8B4513 · #DAA520 · #CD5C5C

CSS variables

:root {
  --autumn-cider-fireside-1: #8B4513;
  --autumn-cider-fireside-2: #CD5C5C;
  --autumn-cider-fireside-3: #DAA520;
  --autumn-cider-fireside-4: #A0522D;
  --autumn-cider-fireside-5: #B22222;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-cider-fireside": {
        1: "#8B4513",
        2: "#CD5C5C",
        3: "#DAA520",
        4: "#A0522D",
        5: "#B22222",
      }
    }
  }
}

Related searches

autumn fireside colorsred orange brown palettecozy fall brandingwarm wood UIcalm seasonal design

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD5C5C
·
Color 3#DAA520
·
Color 4#A0522D
·
Color 5#B22222
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.2:1AA18
1.3:1Fail
1.1:1Fail
2
1.8:1Fail
1.8:1Fail
1.4:1Fail
1.7:1Fail
3
3.2:1AA18
1.8:1Fail
2.5:1Fail
3:1Fail
4
1.3:1Fail
1.4:1Fail
2.5:1Fail
1.2:1Fail
5
1.1:1Fail
1.7:1Fail
3:1Fail
1.2:1Fail

Similar palettes

More like Autumn Cider Fireside

View all warm
Autumn Cider Spill
Autumn Hearth Glow
Chai Spice Lane
Copper Pot Kitchen
Cozy Cabin Hearth
Cranberry Hearth Warmth