Palette

Cinnamon Spiced

A rich and comforting blend of warm spice tones, evoking the aroma and warmth of a cozy kitchen.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A52A2A#D2691E#CD853F#DAA520#F0E68C

Palette guide

How to use Cinnamon Spiced

Overview

The Cinnamon Spiced palette is a rich and comforting blend of warm spice tones, evoking the aroma and warmth of a cozy kitchen. This inviting collection transitions from the deep, sophisticated #A52A2A to the bright, sunny #F0E68C, offering a versatile range of reds, oranges, and yellows. Shades like #D2691E, #CD853F, and #DAA520 provide a harmonious progression, 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 seasonal marketing campaigns
food and beverage packaging (spices, baked goods)
cozy home decor websites
fall festival branding
rustic blog designs
outdoor adventure gear branding

Suggested color roles

primary

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

secondary

The cheerful #CD853F provides a lively secondary option, perfect for subheadings, interactive buttons, or to add a touch of vibrant energy.

accent

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

background

The soft #F0E68C creates a light, airy background, promoting readability and a comforting user experience. For a slightly richer background, consider #DAA520.

text

For lighter backgrounds like #F0E68C, use #A52A2A 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 #DAA520 with #F0E68C for text, as they are very close in luminosity.
The darkest color, #A52A2A, offers strong contrast for light text (e.g., white or #F0E68C).
Avoid using #CD853F for small text against #D2691E 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

Kitchen Warmth

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

#F0E68C · #DAA520 · #CD853F

Deep Spice

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

#A52A2A · #D2691E · #CD853F

Autumn Glow

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

#A52A2A · #F0E68C · #DAA520

CSS variables

:root {
  --cinnamon-spiced-1: #A52A2A;
  --cinnamon-spiced-2: #D2691E;
  --cinnamon-spiced-3: #CD853F;
  --cinnamon-spiced-4: #DAA520;
  --cinnamon-spiced-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cinnamon-spiced": {
        1: "#A52A2A",
        2: "#D2691E",
        3: "#CD853F",
        4: "#DAA520",
        5: "#F0E68C",
      }
    }
  }
}

Hex values

Color 1#A52A2A

Color 2#D2691E

Color 3#CD853F

Color 4#DAA520

Color 5#F0E68C

Accessibility

Contrast checker

1.9:1Fail

2.4:1Fail

3.2:1AA18

5.5:1AA

1.9:1Fail

1.2:1Fail

1.6:1Fail

2.8:1Fail

2.4:1Fail

1.2:1Fail

1.3:1Fail

2.3:1Fail

3.2:1AA18

1.6:1Fail

1.3:1Fail

1.7:1Fail

5.5:1AA

2.8:1Fail

2.3:1Fail

1.7:1Fail

Similar palettes

More like Cinnamon Spiced

View all warm

Spice Merchant's Harvest

Autumn Cider Spice

Autumn Spice Hearth

Autumn Spiced Brew

Autumn Spiced Orchard

Autumnal Hearth Glow