Back to palettes

Palette

Cinnamon Bark

Warm, earthy browns with hints of reddish spice, like the aromatic bark of a cinnamon tree.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D2691E#8B4513#A0522D#CD853F#BC8F8F

Palette guide

How to use Cinnamon Bark

Overview

The Cinnamon Bark palette delivers warm, earthy browns with inviting hints of reddish spice, perfectly capturing the aromatic essence of cinnamon bark. Ranging from the vibrant #D2691E to the soft #BC8F8F, this palette offers a natural and rustic feel for designers. Key shades like #8B4513, #A0522D, and #CD853F provide a harmonious blend, allowing for versatile application in various design projects. Developers can implement these hex codes to create grounded UI, warm digital experiences, or inviting branding that evokes comfort and authenticity. This palette is especially suitable for projects requiring an organic, cozy, or traditional aesthetic, making it excellent for home goods, food branding, or autumnal themes.

Best used for

  • natural food product packaging
  • rustic cafe interior design
  • autumn event branding
  • traditional crafts e-commerce
  • cozy blog and website themes
  • earthy lifestyle brand identity

Suggested color roles

primary

The rich #D2691E offers a vibrant yet grounded primary color, ideal for main content blocks, headings, or key branding elements.

secondary

The medium brown #CD853F provides a warm secondary option, perfect for subheadings, interactive elements, or backgrounds that need a gentle touch.

accent

The deepest tone, #8B4513, can be used sparingly for impactful accents, adding sophistication and depth to calls-to-action or important details.

background

The soft #BC8F8F creates a gentle, warm background, promoting readability and a comforting user experience. For a darker background, consider #A0522D.

text

For lighter backgrounds like #BC8F8F, use #8B4513 or a deep charcoal for body text. For darker backgrounds, white or a very light cream provides excellent contrast.

Accessibility notes

  • Ensure good contrast when pairing #CD853F with #BC8F8F for text; they may be too close in luminosity.
  • The darkest color, #8B4513, offers strong contrast for light text (e.g., white or #BC8F8F).
  • Avoid using #A0522D for small text against #CD853F backgrounds without checking WCAG contrast ratios.
  • For optimal readability, use a dark brown or black for body text on the lighter palette shades.

Recommended combinations

Earthy Base

Create deep, comforting sections or a grounded color scheme for a natural brand identity.

#8B4513 · #A0522D · #CD853F

Spiced Warmth

Use the vibrant orange for highlights and the soft beige for text or backgrounds, balanced by a medium brown.

#D2691E · #BC8F8F · #A0522D

Rustic Gradient

Excellent for smooth transitions, evocative backgrounds, or to add visual interest to graphic elements.

#A0522D · #CD853F · #D2691E

CSS variables

:root {
  --cinnamon-bark-1: #D2691E;
  --cinnamon-bark-2: #8B4513;
  --cinnamon-bark-3: #A0522D;
  --cinnamon-bark-4: #CD853F;
  --cinnamon-bark-5: #BC8F8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cinnamon-bark": {
        1: "#D2691E",
        2: "#8B4513",
        3: "#A0522D",
        4: "#CD853F",
        5: "#BC8F8F",
      }
    }
  }
}

Related searches

earthy brown color schemesrustic spice palettenatural warm colorscinnamon tones designcozy autumnal palette

Palette colors

Hex values

Color 1#D2691E
·
Color 2#8B4513
·
Color 3#A0522D
·
Color 4#CD853F
·
Color 5#BC8F8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.5:1Fail
1.2:1Fail
1.3:1Fail
2
2:1Fail
1.3:1Fail
2.4:1Fail
2.5:1Fail
3
1.5:1Fail
1.3:1Fail
1.9:1Fail
2:1Fail
4
1.2:1Fail
2.4:1Fail
1.9:1Fail
1.1:1Fail
5
1.3:1Fail
2.5:1Fail
2:1Fail
1.1:1Fail

Similar palettes

More like Cinnamon Bark

View all earth
Ancient Clay Vessel
Bohemian Spice Earth
Soft Clay Pottery
Spiced Earth Pottery
Spicy Clay Pot
Terracotta Roots