Palette

Cinnamon Cider Warmth

The comforting warmth of cinnamon-spiced cider by a crackling fireplace 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 Cinnamon 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 Cinnamon Cider Warmth.

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

Data visualization

#6B2737#C04E4B#EE885C#F0C4B8#F7DFC1

Palette guide

How to use Cinnamon Cider Warmth

Overview

The Cinnamon Cider Warmth palette embodies the comforting feel of cinnamon-spiced cider on a crisp autumn evening. This inviting collection transitions from the deep, sophisticated #6B2737 to the soft, airy #F7DFC1, offering a rich spectrum of reds, oranges, and warm neutrals. Shades like #C04E4B, #EE885C, and #F0C4B8 provide a harmonious flow, perfect for creating layered and visually appealing designs. Designers can leverage these hex codes to evoke coziness, seasonal charm, and a sense of inviting warmth. Developers will find this palette excellent for crafting autumnal UI, engaging marketing materials, or elegant branding that seeks to comfort and inspire, making it ideal for holiday themes, food, and lifestyle projects.

Best used for

autumn and winter holiday branding
cozy lifestyle blog design
food and beverage marketing (cider, baked goods)
rustic event invitations
hygge-themed product packaging
seasonal home decor websites

Suggested color roles

primary

The rich #C04E4B serves as a warm, inviting primary color, ideal for main content areas, headings, or prominent branding elements.

secondary

The bright #EE885C provides a lively secondary option, perfect for subheadings, interactive buttons, or to add a touch of cheerful warmth.

accent

The deep #6B2737 can be used sparingly for impactful accents, offering sophistication and grounding to important details or calls-to-action.

background

The soft #F7DFC1 creates a light, airy background, promoting readability and a comforting user experience. For a slightly warmer background, consider #F0C4B8.

text

For lighter backgrounds like #F7DFC1, use #6B2737 or a deep charcoal for body text. For darker backgrounds, white or a very light cream provides excellent contrast.

Accessibility notes

Ensure sufficient contrast when pairing #F0C4B8 with #F7DFC1 for text, as they are very close in luminosity.
The darkest color, #6B2737, offers strong contrast for light text (e.g., white or #F7DFC1).
Avoid using #C04E4B for small text against #EE885C backgrounds without careful WCAG contrast checking.
For optimal readability, use a dark brown or black for body text on the lighter palette shades.

Recommended combinations

Cider Glow

Create soft, warm gradients or light, inviting sections for a welcoming user experience.

#EE885C · #F0C4B8 · #F7DFC1

Deep Autumn

Use the deeper reds for grounding elements and the orange for vibrant accents or headers.

#6B2737 · #C04E4B · #EE885C

Cozy Contrast

Ideal for creating strong visual hierarchy, with dark text on light backgrounds and a rich accent.

#6B2737 · #F7DFC1 · #C04E4B

CSS variables

:root {
  --cinnamon-cider-warmth-1: #6B2737;
  --cinnamon-cider-warmth-2: #C04E4B;
  --cinnamon-cider-warmth-3: #EE885C;
  --cinnamon-cider-warmth-4: #F0C4B8;
  --cinnamon-cider-warmth-5: #F7DFC1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cinnamon-cider-warmth": {
        1: "#6B2737",
        2: "#C04E4B",
        3: "#EE885C",
        4: "#F0C4B8",
        5: "#F7DFC1",
      }
    }
  }
}

Hex values

Color 1#6B2737

Color 2#C04E4B

Color 3#EE885C

Color 4#F0C4B8

Color 5#F7DFC1

Accessibility

Contrast checker

2.2:1Fail

4.2:1AA18

6.7:1AA

8.3:1AAA

2.2:1Fail

1.9:1Fail

3:1Fail

3.7:1AA18

4.2:1AA18

1.9:1Fail

1.6:1Fail

2:1Fail

6.7:1AA

3:1Fail

1.6:1Fail

1.2:1Fail

8.3:1AAA

3.7:1AA18

2:1Fail

1.2:1Fail

Similar palettes

More like Cinnamon Cider Warmth

Cinnamon Harvest Brew