Palette

Copper Cauldron Brew

Rich, earthy tones inspired by aged copper and warm autumn concoctions.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Copper Cauldron Brew 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 Copper Cauldron Brew.

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

Data visualization

#B87333#C28F50#E0B388#704214#A66A2C

Palette guide

How to use Copper Cauldron Brew

Overview

The Copper Cauldron Brew palette offers a rich and earthy collection of warm tones, inspired by aged copper and comforting autumn concoctions. Featuring classic #B87333, a deeper #704214, and balanced mid-tones like #C28F50 and #A66A2C, complemented by the lighter #E0B388, this palette exudes rustic charm, authenticity, and a sense of grounded warmth. Designers and developers can leverage these hex codes to create inviting, natural, and timeless interfaces, artisan branding, or evocative digital experiences. It's an excellent choice for projects requiring a heritage, craft, or autumnal aesthetic, offering depth and a comforting appeal.

Best used for

Artisan craft product branding
Rustic cafe or brewpub websites
Autumnal event invitations
Traditional cooking blog design
Home brewing or coffee roasting e-commerce
Vintage-inspired home decor

Suggested color roles

primary

Use #B87333 as a dominant, rich primary for headers, important buttons, or main sections.

secondary

Apply #A66A2C for secondary content areas, navigation, or subtle textural elements.

accent

Introduce #C28F50 as a warm, inviting accent for interactive elements or highlighted content.

background

The lighter #E0B388 provides a soft, warm background for optimal readability.

text

A deep brown (#4A2C1B) or black (#000000) provides excellent contrast on lighter backgrounds, while white (#FFFFFF) works on darker tones.

Accessibility notes

Ensure sufficient contrast for text, especially when pairing mid-tones like #C28F50 with text.
Text in dark brown on #E0B388 will be highly readable.
White text will be necessary for #B87333, #704214, and #A66A2C to meet WCAG contrast standards.
Use #B87333 for key interactive elements to ensure they stand out against lighter backgrounds.

Recommended combinations

Cauldron Depth

Excellent for strong headers, footers, or defining robust sections in a rustic theme.

#704214 · #A66A2C · #B87333

Copper Glow

Use for contrasting content blocks, subtle gradients, or warm, inviting backgrounds.

#B87333 · #C28F50 · #E0B388

Brewed Warmth

Ideal for layered backgrounds, textured elements, or a rich, comforting visual hierarchy.

#E0B388 · #704214 · #B87333

CSS variables

:root {
  --copper-cauldron-brew-1: #B87333;
  --copper-cauldron-brew-2: #C28F50;
  --copper-cauldron-brew-3: #E0B388;
  --copper-cauldron-brew-4: #704214;
  --copper-cauldron-brew-5: #A66A2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "copper-cauldron-brew": {
        1: "#B87333",
        2: "#C28F50",
        3: "#E0B388",
        4: "#704214",
        5: "#A66A2C",
      }
    }
  }
}

Hex values

Color 1#B87333

Color 2#C28F50

Color 3#E0B388

Color 4#704214

Color 5#A66A2C

Accessibility

Contrast checker

1.3:1Fail

2:1Fail

2.2:1Fail

1.2:1Fail

1.3:1Fail

1.5:1Fail

3:1Fail

1.6:1Fail

2:1Fail

1.5:1Fail

4.4:1AA18

2.3:1Fail

2.2:1Fail

3:1Fail

4.4:1AA18

1.9:1Fail

1.2:1Fail

1.6:1Fail

2.3:1Fail

1.9:1Fail

Similar palettes

More like Copper Cauldron Brew

View all warm

Autumn Cider Barrel

Autumn Harvest Hearth