Back to palettes

Palette

Autumn Cider Warmth

A comforting collection of warm browns and inviting oranges, like a steaming cup of spiced cider.

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

#9F3C1A#D5692B#EC9C4D#F8C88B#FEE6D0

Palette guide

How to use Autumn Cider Warmth

Overview

The "Autumn Cider Warmth" palette presents a comforting collection of warm browns and inviting oranges, reminiscent of a spiced cider. Starting with the deep, rich brown-orange of #9F3C1A, transitioning through the vibrant #D5692B and the softer #EC9C4D, it culminates in the gentle, creamy tones of #F8C88B and #FEE6D0. This palette is perfectly suited for designs aiming to evoke coziness, natural warmth, and seasonal charm. Designers and developers will find these hues versatile for creating engaging user interfaces, marketing materials, or branding that feels both sophisticated and approachable.

Best used for

  • Autumnal lifestyle and food blogs
  • Cozy home decor e-commerce sites
  • Branding for coffee shops or bakeries
  • Seasonal event promotions and flyers
  • User interfaces needing a warm, welcoming feel
  • Packaging for artisan goods and beverages

Suggested color roles

primary

#D5692B - A rich, inviting orange that serves as an excellent focal point for branding, call-to-action buttons, or main headings.

secondary

#EC9C4D - A softer, golden orange, ideal for supporting elements like secondary navigation, card backgrounds, or subtle highlights.

accent

#9F3C1A - A deep, earthy brown-orange that adds depth and sophistication, perfect for striking accents, important icons, or footer sections.

background

#FEE6D0 - A very light, warm cream providing a clean, inviting canvas that allows other colors to pop and ensures high readability.

text

#9F3C1A - A dark, rich brown-orange that offers strong contrast against the light background of #FEE6D0, ensuring excellent legibility for all text.

Accessibility notes

  • Ensure sufficient contrast when using #EC9C4D for text, especially against lighter backgrounds.
  • Use #9F3C1A or a dark brown/black for body text on #FEE6D0 to meet WCAG AA standards.
  • Avoid placing #F8C88B text directly on #FEE6D0 as contrast will be poor.
  • Test interactive elements to ensure clear visual feedback and accessibility for all users.

Recommended combinations

Cozy Foundation

Creates a soft, light-to-mid tone gradient, perfect for backgrounds, headers, or layered elements.

#FEE6D0 · #F8C88B · #D5692B

Deep Contrast

Utilizes the darkest shade for strong text or primary elements against a light background, softened by a mid-tone.

#9F3C1A · #FEE6D0 · #EC9C4D

Spiced Warmth

A harmonious blend of oranges and deep brown for a rich, inviting, and sophisticated visual theme.

#D5692B · #EC9C4D · #9F3C1A

CSS variables

:root {
  --autumn-cider-warmth-1: #9F3C1A;
  --autumn-cider-warmth-2: #D5692B;
  --autumn-cider-warmth-3: #EC9C4D;
  --autumn-cider-warmth-4: #F8C88B;
  --autumn-cider-warmth-5: #FEE6D0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-cider-warmth": {
        1: "#9F3C1A",
        2: "#D5692B",
        3: "#EC9C4D",
        4: "#F8C88B",
        5: "#FEE6D0",
      }
    }
  }
}

Related searches

warm brown orange palettecozy autumn web design colorsspiced cider color schemenatural seasonal ui paletteinviting fall color combination

Palette colors

Hex values

Color 1#9F3C1A
·
Color 2#D5692B
·
Color 3#EC9C4D
·
Color 4#F8C88B
·
Color 5#FEE6D0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3:1AA18
4.3:1AA18
5.6:1AA
2
1.9:1Fail
1.6:1Fail
2.3:1Fail
3:1Fail
3
3:1AA18
1.6:1Fail
1.4:1Fail
1.8:1Fail
4
4.3:1AA18
2.3:1Fail
1.4:1Fail
1.3:1Fail
5
5.6:1AA
3:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Autumn Cider Warmth

View all warm
Autumn Cider Spice
Spiced Cider Warmth
Autumn Chai Warmth
Autumn Cider Sunset
Autumn Cider Warmth
Autumn Equinox Rich