Palette

Burnt Siena

Deep, earthy reds and browns inspired by classic pigments and ancient earthenware.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Burnt Siena 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 Burnt Siena.

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

Data visualization

#8A3324#CD5C5C#BC8F8F#E9967A#A52A2A

Palette guide

How to use Burnt Siena

Overview

The Burnt Siena palette features deep, earthy reds and browns, inspired by classic pigments and ancient earthenware. This natural collection includes the rich Indian red of #A52A2A, the darker burnt sienna of #8A3324, the medium Indian red of #CD5C5C, the soft rosy brown of #BC8F8F, and the light salmon of #E9967A. It's an excellent choice for designers aiming to create rustic, traditional, and naturally inviting visuals. The palette evokes a sense of heritage, warmth, and grounded sophistication, perfect for projects that celebrate timeless aesthetics and earthy appeal.

Best used for

Traditional decor and interior design
Rustic branding and product lines
Historical documentaries and art projects
Pottery and ceramics studios
Natural beauty products and packaging
Warm, inviting digital interfaces

Suggested color roles

primary

Use #A52A2A as a rich, earthy primary red, providing a strong and traditional foundation for the design.

secondary

Apply #8A3324 as a deep brown-red secondary color, offering grounding support and sophistication.

accent

Introduce #CD5C5C as a warm, inviting medium red accent, ideal for highlights or decorative details.

background

Utilize #BC8F8F as a soft, rosy brown background, creating an earthy and subtle canvas.

text

For body text, #8A3324 (deep brown-red) offers excellent readability against lighter colors in the palette, ensuring strong contrast.

Accessibility notes

Use darker shades like #8A3324 or #A52A2A for text against lighter backgrounds such as #BC8F8F or #E9967A to ensure readability.
Be cautious when pairing #CD5C5C with #E9967A for text, as contrast may be too low for WCAG AA standards.
Ensure sufficient contrast for interactive elements, especially buttons and links, to make them easily distinguishable.
Prioritize readability for body text by consistently using a strong, dark color from the palette.

Recommended combinations

Earthen Warmth

Ideal for rustic website headers, traditional branding, or sophisticated background patterns.

#A52A2A · #8A3324 · #BC8F8F

Terracotta Charm

Great for accent elements, warm illustrations, or decorative details in a natural context.

#CD5C5C · #E9967A · #8A3324

Classic Pigment

Perfect for creating a sophisticated, natural feel in UI design or editorial layouts.

#BC8F8F · #A52A2A · #CD5C5C

CSS variables

:root {
  --burnt-siena-1: #8A3324;
  --burnt-siena-2: #CD5C5C;
  --burnt-siena-3: #BC8F8F;
  --burnt-siena-4: #E9967A;
  --burnt-siena-5: #A52A2A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "burnt-siena": {
        1: "#8A3324",
        2: "#CD5C5C",
        3: "#BC8F8F",
        4: "#E9967A",
        5: "#A52A2A",
      }
    }
  }
}

Hex values

Color 1#8A3324

Color 2#CD5C5C

Color 3#BC8F8F

Color 4#E9967A

Color 5#A52A2A

Accessibility

Contrast checker

2:1Fail

2.9:1Fail

3.5:1AA18

1.1:1Fail

2:1Fail

1.4:1Fail

1.7:1Fail

1.8:1Fail

2.9:1Fail

1.4:1Fail

1.2:1Fail

2.5:1Fail

3.5:1AA18

1.7:1Fail

1.2:1Fail

3.1:1AA18

1.1:1Fail

1.8:1Fail

2.5:1Fail

3.1:1AA18

Similar palettes

More like Burnt Siena

Canyon Wall Terracotta

Clay Pot Crafts