Palette

Spiced Apple Cider

Invoking the cozy feeling of autumn, with warm hues of spiced apples, cinnamon, and rich caramel.

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

#C8553D#D72638#FFC914#FFF3DD#550C18

Palette guide

How to use Spiced Apple Cider

Overview

The Spiced Apple Cider palette offers a vibrant and cozy autumnal feel, perfect for invoking warmth and comfort. Featuring a rich red-orange (#C8553D), a bold crimson (#D72638), a cheerful golden yellow (#FFC914), a soft cream (#FFF3DD), and a deep, sophisticated maroon (#550C18), this collection is ideal for projects aiming for an inviting and natural mood. Designers can leverage the contrast between the deep tones and the bright yellow, while developers will find the light cream (#FFF3DD) a versatile background for most elements, ensuring readability and visual appeal across various digital and print applications.

Best used for

Autumnal marketing campaigns
Cozy cafe branding
Food and beverage packaging (especially seasonal)
Blog themes and website headers for lifestyle content
Event invitations for fall gatherings
Children's book illustrations with a warm theme

Suggested color roles

primary

Use the warm red-orange (#C8553D) for dominant calls to action or key branding elements to convey energy and warmth.

secondary

The deep crimson (#D72638) is excellent for secondary headings, important links, or graphical accents where a strong, passionate feel is desired.

accent

Introduce the bright golden yellow (#FFC914) for highlights, interactive elements, or illustrations to add a cheerful and inviting pop.

background

The soft cream (#FFF3DD) serves as an excellent light background, offering a clean canvas that allows other colors to stand out beautifully.

text

The rich maroon (#550C18) provides strong contrast against lighter backgrounds like #FFF3DD, making it perfect for body text and headings. Alternatively, a crisp black could be used for maximum readability.

Accessibility notes

Ensure #550C18 text on #FFF3DD background meets WCAG AAA contrast ratio for optimal readability.
Avoid placing #C8553D text directly on #D72638 as contrast will be insufficient for most users.
Use #FFC914 sparingly for text; it generally requires a very dark background to pass contrast standards.
Validate all color pairs with a contrast checker, especially for smaller text or interactive elements.

Recommended combinations

Harvest Warmth

Ideal for website hero sections, packaging, or large graphic elements where a warm, inviting feel is paramount.

#C8553D · #FFF3DD · #550C18

Spiced Accent

Great for call-to-action buttons, alerts, or small decorative elements that need to grab attention.

#D72638 · #FFC914 · #550C18

Cozy Read

Perfect for blog content, body text, or detailed descriptions, ensuring readability with a touch of warmth.

#FFF3DD · #550C18 · #C8553D

CSS variables

:root {
  --spiced-apple-cider-2-1: #C8553D;
  --spiced-apple-cider-2-2: #D72638;
  --spiced-apple-cider-2-3: #FFC914;
  --spiced-apple-cider-2-4: #FFF3DD;
  --spiced-apple-cider-2-5: #550C18;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-apple-cider-2": {
        1: "#C8553D",
        2: "#D72638",
        3: "#FFC914",
        4: "#FFF3DD",
        5: "#550C18",
      }
    }
  }
}

Hex values

Color 1#C8553D

Color 2#D72638

Color 3#FFC914

Color 4#FFF3DD

Color 5#550C18

Accessibility

Contrast checker

1.1:1Fail

2.8:1Fail

4:1AA18

3.3:1AA18

1.1:1Fail

3.2:1AA18

4.5:1AA

2.9:1Fail

2.8:1Fail

3.2:1AA18

1.4:1Fail

9.4:1AAA

4:1AA18

4.5:1AA

1.4:1Fail

13.2:1AAA

3.3:1AA18

2.9:1Fail

9.4:1AAA

13.2:1AAA

Similar palettes

More like Spiced Apple Cider

Spiced Autumn Harvest

Spiced Autumn Hearth