Back to palettes

Palette

Spiced Apple Cider

Comforting and inviting hues that capture the cozy essence of a warm, spiced autumnal drink.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Apple Cider 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 Spiced Apple Cider.

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

Data visualization

#A52A2A#CD5C5C#D2691E#8B4513#804A00

Palette guide

How to use Spiced Apple Cider

Overview

The Spiced Apple Cider palette (version 3) presents a deeply natural and comforting selection of warm, earthy tones, perfect for projects seeking a rustic or cozy ambiance. With a rich reddish-brown (#A52A2A), a lighter coppery red (#CD5C5C), a vibrant burnt orange (#D2691E), a deep chocolate brown (#8B4513), and a rich dark brown (#804A00), this palette evokes the essence of a traditional autumnal drink. Designers can utilize the depth of the browns to ground designs, while the warmer reds and oranges add a touch of inviting spice. It's a robust choice for conveying authenticity and warmth across various media.

Best used for

  • Rustic brand identity and logos
  • Cozy home decor websites or blogs
  • Artisan food product packaging
  • Historical or heritage-themed projects
  • Autumn wedding invitations and decor
  • Natural beauty or organic product branding

Suggested color roles

primary

The deep reddish-brown (#A52A2A) makes a strong primary color for headers or significant brand elements, conveying tradition and warmth.

secondary

Use the burnt orange (#D2691E) for secondary calls to action or decorative accents to introduce a vibrant, yet earthy, energy.

accent

The lighter coppery red (#CD5C5C) can be used for subtle highlights, interactive states, or to soften the intensity of the deeper tones.

background

A very light cream or off-white, not present in the palette, would be ideal for a background to provide contrast. Alternatively, #CD5C5C could be used for a warmer, darker background with light text.

text

The rich dark brown (#804A00) or chocolate brown (#8B4513) offers excellent readability against light backgrounds, making them perfect for body text and headings. For darker backgrounds like #CD5C5C, a clean white would be suitable.

Accessibility notes

  • Text in #804A00 or #8B4513 on a light cream background will generally have good contrast.
  • Avoid using #CD5C5C for small text on a dark background like #A52A2A due to potential low contrast.
  • Ensure sufficient contrast when combining #D2691E with other deep browns for interactive elements.
  • Always test color combinations for readability, especially for users with visual impairments.

Recommended combinations

Earthy Core

Great for establishing a natural, grounded feel in headers, footers, or main content blocks.

#A52A2A · #8B4513 · #CD5C5C

Warm Spice

Effective for calls to action, highlights, or design elements that need to feel inviting and energetic.

#D2691E · #804A00 · #CD5C5C

Rustic Depth

Excellent for backgrounds or textural elements where depth and a rich, natural appearance are desired.

#8B4513 · #A52A2A · #D2691E

CSS variables

:root {
  --spiced-apple-cider-3-1: #A52A2A;
  --spiced-apple-cider-3-2: #CD5C5C;
  --spiced-apple-cider-3-3: #D2691E;
  --spiced-apple-cider-3-4: #8B4513;
  --spiced-apple-cider-3-5: #804A00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-apple-cider-3": {
        1: "#A52A2A",
        2: "#CD5C5C",
        3: "#D2691E",
        4: "#8B4513",
        5: "#804A00",
      }
    }
  }
}

Related searches

rustic fall color palettecozy autumn design colorsearthy food brandingspiced beverage palettenatural warm hues

Palette colors

Hex values

Color 1#A52A2A
·
Color 2#CD5C5C
·
Color 3#D2691E
·
Color 4#8B4513
·
Color 5#804A00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.9:1Fail
1:1Fail
1:1Fail
2
1.8:1Fail
1.1:1Fail
1.8:1Fail
1.8:1Fail
3
1.9:1Fail
1.1:1Fail
2:1Fail
2:1Fail
4
1:1Fail
1.8:1Fail
2:1Fail
1:1Fail
5
1:1Fail
1.8:1Fail
2:1Fail
1:1Fail

Similar palettes

More like Spiced Apple Cider

View all warm