Back to palettes

Palette

Autumn Cider Warmth

A comforting blend of rich oranges and rustic browns, perfect for a warm autumn evening.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D2691E#CD853F#A52A2A#FF7F50#FFDEAD

Palette guide

How to use Autumn Cider Warmth

Overview

The "Autumn Cider Warmth" palette offers a comforting blend of rich, natural tones, ideal for creating inviting and cozy digital experiences. Featuring the deep terracotta of #D2691E, the soft sandy brown of #CD853F, and the rustic warmth of #A52A2A, this palette is grounded and earthy. Brightened by the vibrant coral of #FF7F50 and the gentle cream of #FFDEAD, it provides a versatile range for design. Developers can leverage these hues for websites, mobile apps, or themed interfaces seeking a natural, autumnal feel. The harmonious balance ensures visual appeal while offering flexibility for various UI components and branding needs.

Best used for

  • Cozy blog designs and lifestyle websites
  • Fall-themed e-commerce stores (home goods, apparel)
  • Rustic café or restaurant branding
  • Event invitations for autumn gatherings
  • Mobile app interfaces with a warm, natural aesthetic
  • Packaging design for artisanal food and beverages

Suggested color roles

primary

#D2691E - A rich, inviting burnt orange, perfect for primary calls-to-action, prominent headers, or key brand elements.

secondary

#CD853F - A warm, sandy brown that provides excellent support for navigation, card backgrounds, or secondary information panels.

accent

#FF7F50 - A lively coral that brings a pop of warmth, ideal for interactive elements, highlights, or small decorative details.

background

#FFDEAD - A soft, creamy off-white, serving as a gentle and warm base for content, ensuring readability and a cozy feel.

text

#A52A2A - A deep, earthy red-brown that offers strong contrast against lighter backgrounds like #FFDEAD, ensuring excellent readability for body text.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter shades like #CD853F for text on #FFDEAD.
  • Use #A52A2A or a dark charcoal for body text on #FFDEAD to meet WCAG AA standards.
  • Reserve #FF7F50 for accents or large text where contrast with surrounding elements can be managed carefully.
  • Test button and link states to ensure visual distinction and accessibility for all users.

Recommended combinations

Earthy Base

Excellent for a natural base, with light background, supporting brown, and deep red for text or accents.

#CD853F · #FFDEAD · #A52A2A

Fiery Accent

Creates a vibrant, warm gradient, perfect for banners, headers, or energetic calls-to-action.

#D2691E · #FF7F50 · #CD853F

Rustic Depth

Combines deep red with burnt orange and a light cream for a balanced, visually rich composition.

#A52A2A · #D2691E · #FFDEAD

CSS variables

:root {
  --autumn-cider-warmth-2-1: #D2691E;
  --autumn-cider-warmth-2-2: #CD853F;
  --autumn-cider-warmth-2-3: #A52A2A;
  --autumn-cider-warmth-2-4: #FF7F50;
  --autumn-cider-warmth-2-5: #FFDEAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-cider-warmth-2": {
        1: "#D2691E",
        2: "#CD853F",
        3: "#A52A2A",
        4: "#FF7F50",
        5: "#FFDEAD",
      }
    }
  }
}

Related searches

warm fall color schemescozy autumn palette hex codesrustic orange brown colorsnatural seasonal design paletteinviting terracotta color guide

Palette colors

Hex values

Color 1#D2691E
·
Color 2#CD853F
·
Color 3#A52A2A
·
Color 4#FF7F50
·
Color 5#FFDEAD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
1.5:1Fail
2.8:1Fail
2
1.2:1Fail
2.4:1Fail
1.2:1Fail
2.3:1Fail
3
1.9:1Fail
2.4:1Fail
2.8:1Fail
5.5:1AA
4
1.5:1Fail
1.2:1Fail
2.8:1Fail
1.9:1Fail
5
2.8:1Fail
2.3:1Fail
5.5:1AA
1.9:1Fail

Similar palettes

More like Autumn Cider Warmth

View all warm
Autumn Leaf Rustle
Autumn Spice Blend
Gingerbread Hearth
Gingerbread Spice Blend
Harvest Moon Delight
Orchard Harvest Brew