Palette

Spiced Cider Evening

Inviting reds and oranges reminiscent of warm spiced cider on a crisp autumn evening.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A22222#D23A3A#F5795C#FAC19D#FDF7E7

Palette guide

How to use Spiced Cider Evening

Overview

The Spiced Cider Evening palette evokes the cozy warmth of autumn, blending inviting reds and oranges with soft, creamy undertones. This collection, featuring rich #A22222, vibrant #D23A3A, and warm #F5795C, is perfect for creating designs that feel comforting and natural. The lighter shades, such as the gentle #FAC19D and the airy #FDF7E7, provide excellent contrast and breathability, ensuring a balanced visual experience. Designers can leverage this palette to infuse projects with a sense of rustic elegance and heartfelt warmth, making it ideal for branding, web interfaces, and editorial layouts that aim to feel welcoming and grounded. Its earthy yet bright tones offer versatility for both primary and accent applications.

Best used for

Autumnal branding and marketing campaigns
Cozy home decor or lifestyle websites
Food and beverage packaging, especially for comfort foods
Event invitations and seasonal greeting cards
Editorial design for magazines focusing on nature or wellness
UI/UX for apps or sites aiming for a warm, inviting feel

Suggested color roles

primary

#A22222 (Deep Red) - Ideal for strong headers, brand logos, or dominant design elements where a rich, grounding presence is desired. Its depth provides a sense of tradition and warmth.

secondary

#D23A3A (Vibrant Red) - Excellent for subheadings, call-to-action buttons, or graphical accents that need to stand out with energetic warmth without overpowering the primary.

accent

#F5795C (Warm Orange) - Use this bright, inviting orange for interactive elements, highlights, or small decorative details that require a friendly pop and draw immediate attention.

background

#FDF7E7 (Creamy Off-White) - A soft, natural base color for main content areas, providing a clean canvas that enhances the warmth of the other colors without feeling stark.

text

A dark charcoal or near-black like #333333 for primary body text, ensuring high readability against #FDF7E7. For headings, #A22222 or #D23A3A can be effective against light backgrounds.

Accessibility notes

Ensure sufficient contrast when using #A22222 or #D23A3A for text on #FDF7E7 backgrounds; check WCAG AA compliance.
Avoid placing #F5795C text directly on #FAC19D backgrounds due to low contrast, which can hinder readability.
For interactive elements, ensure the accent color #F5795C has a clear visual indicator beyond color alone.
Consider a darker text color (e.g., charcoal) for body copy on #FDF7E7 to maximize readability for all users.

Recommended combinations

Autumn Sunset

Perfect for hero sections or banners, using the deep red as a strong anchor, the orange for a vibrant headline, and the cream as a clean text background.

#A22222 · #F5795C · #FDF7E7

Cozy Hearth

Ideal for product cards or feature blocks, with the vibrant red for titles, the light peach for descriptions, and the deep red for subtle borders or icons.

#D23A3A · #FAC19D · #A22222

Spiced Warmth

Great for call-to-action buttons or highlights, where the orange is the button background, cream is the text, and the vibrant red provides a clear hover state or border.

#F5795C · #FDF7E7 · #D23A3A

CSS variables

:root {
  --spiced-cider-evening-1: #A22222;
  --spiced-cider-evening-2: #D23A3A;
  --spiced-cider-evening-3: #F5795C;
  --spiced-cider-evening-4: #FAC19D;
  --spiced-cider-evening-5: #FDF7E7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-cider-evening": {
        1: "#A22222",
        2: "#D23A3A",
        3: "#F5795C",
        4: "#FAC19D",
        5: "#FDF7E7",
      }
    }
  }
}

Hex values

Color 1#A22222

Color 2#D23A3A

Color 3#F5795C

Color 4#FAC19D

Color 5#FDF7E7

Accessibility

Contrast checker

1.6:1Fail

2.8:1Fail

4.7:1AA

7:1AAA

1.6:1Fail

1.8:1Fail

3:1Fail

4.5:1AA18

2.8:1Fail

1.8:1Fail

1.7:1Fail

2.5:1Fail

4.7:1AA

3:1Fail

1.7:1Fail

1.5:1Fail

7:1AAA

4.5:1AA18

2.5:1Fail

1.5:1Fail

Similar palettes

More like Spiced Cider Evening

Autumn Cider Festival