Palette

Cinnamon Bark Spice

Warm, inviting shades evoking the comforting aroma and rich texture of dried cinnamon.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A2F1B#8C3D1B#BD5A35#E07A57#592716

Palette guide

How to use Cinnamon Bark Spice

Overview

The Cinnamon Bark Spice palette is a warm and inviting collection of rich browns and spicy oranges, designed to evoke the comforting aroma and texture of dried cinnamon. From the deep, rustic #592716 to the vibrant #E07A57, this palette offers a versatile range for designers aiming for a cozy, natural, or autumnal aesthetic. The mid-tones like #6A2F1B, #8C3D1B, and #BD5A35 provide excellent options for layering and depth, creating a harmonious and grounded visual experience. Developers will find these hex codes straightforward for crafting warm UI, engaging branding, or digital illustrations that convey comfort and rustic charm, making it perfect for projects focused on home, food, or seasonal themes.

Best used for

rustic home decor branding
autumn event invitations
gourmet food packaging
cozy blog or website themes
natural product marketing
coffee shop interior design inspiration

Suggested color roles

primary

The rich #8C3D1B provides a robust and inviting primary color, ideal for main content areas, headings, or key branding elements.

secondary

The lively #BD5A35 offers a warm secondary option, perfect for subheadings, interactive buttons, or to add a touch of vibrant energy.

accent

The brightest shade, #E07A57, serves as an excellent accent, drawing attention to calls-to-action or important details with its inviting warmth.

background

The darkest tone, #592716, can create a sophisticated, deep background for a luxurious feel. For lighter backgrounds, consider a near-white or light cream paired with these tones.

text

For light backgrounds, use #592716 or a deep charcoal for body text. For dark backgrounds, white or a light cream text provides excellent contrast and readability.

Accessibility notes

Ensure sufficient contrast when pairing #BD5A35 with #E07A57 for text, as they are relatively close in value.
The darkest color, #592716, provides good contrast for light text (e.g., white or a light cream).
Avoid using #6A2F1B for small text against #8C3D1B backgrounds; check WCAG contrast ratios.
Consider using a near-white or light beige for text on any of the darker palette colors for optimal readability.

Recommended combinations

Rustic Core

Create deep, grounding sections, ideal for footers, sidebars, or a sophisticated brand base.

#592716 · #6A2F1B · #8C3D1B

Warm Highlights

Use the brighter oranges for calls-to-action or key visual elements, balanced by a deeper brown.

#BD5A35 · #E07A57 · #6A2F1B

Spiced Gradient

Excellent for creating smooth transitions, evocative backgrounds, or layered graphic elements.

#8C3D1B · #BD5A35 · #E07A57

CSS variables

:root {
  --cinnamon-bark-spice-1: #6A2F1B;
  --cinnamon-bark-spice-2: #8C3D1B;
  --cinnamon-bark-spice-3: #BD5A35;
  --cinnamon-bark-spice-4: #E07A57;
  --cinnamon-bark-spice-5: #592716;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cinnamon-bark-spice": {
        1: "#6A2F1B",
        2: "#8C3D1B",
        3: "#BD5A35",
        4: "#E07A57",
        5: "#592716",
      }
    }
  }
}

Hex values

Color 1#6A2F1B

Color 2#8C3D1B

Color 3#BD5A35

Color 4#E07A57

Color 5#592716

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

3.5:1AA18

1.2:1Fail

1.4:1Fail

1.7:1Fail

2.5:1Fail

1.6:1Fail

2.3:1Fail

1.7:1Fail

1.5:1Fail

2.7:1Fail

3.5:1AA18

2.5:1Fail

1.5:1Fail

4.1:1AA18

1.2:1Fail

1.6:1Fail

2.7:1Fail

4.1:1AA18

Similar palettes

More like Cinnamon Bark Spice

View all warm

Spiced Maple Brew

Autumn Chai Warmth

Autumn Harvest Hearth

Autumn Hearth Spice

Autumn Spice Blend

Autumn Spice Hearth