Palette

Copper Kettle Glow

Rich, metallic browns and oranges gleam, reflecting the burnished warmth of an old copper kettle over a gentle flame.

warmcalm5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Copper Kettle Glow 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 Kettle Glow.

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

Data visualization

#B87333#CD7F32#D2691E#A0522D#8B4513

Palette guide

How to use Copper Kettle Glow

Overview

The Copper Kettle Glow palette radiates the burnished warmth of aged copper, offering a rich and inviting collection of metallic browns and oranges. Featuring classic #B87333, deep #8B4513, and balanced mid-tones like #CD7F32, #D2691E, and #A0522D, this palette exudes rustic charm, authenticity, and a comforting glow. Designers and developers can leverage these hex codes to create warm, 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 welcoming appeal that feels both robust and inviting.

Best used for

Artisan kitchenware e-commerce
Rustic coffee shop or cafe branding
Autumnal festival promotions
Traditional food blog design
Home brewing or craft beverage branding
Vintage-inspired home decor websites

Suggested color roles

primary

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

secondary

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

accent

Introduce #D2691E as a vibrant, warm accent for interactive elements or highlighted content.

background

A very light cream or off-white is recommended to allow these rich colors to truly glow.

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 #CD7F32 with text.
White text will be necessary for #B87333, #8B4513, #CD7F32, #D2691E, and #A0522D to meet WCAG contrast standards.
Avoid using light text on #D2691E as it might not be readable without high contrast.
Use #B87333 for key interactive elements to ensure they stand out against lighter backgrounds.

Recommended combinations

Kettle Base

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

#8B4513 · #A0522D · #B87333

Warm Glow

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

#B87333 · #CD7F32 · #D2691E

Rich Copper

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

#D2691E · #B87333 · #CD7F32

CSS variables

:root {
  --copper-kettle-glow-2-1: #B87333;
  --copper-kettle-glow-2-2: #CD7F32;
  --copper-kettle-glow-2-3: #D2691E;
  --copper-kettle-glow-2-4: #A0522D;
  --copper-kettle-glow-2-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "copper-kettle-glow-2": {
        1: "#B87333",
        2: "#CD7F32",
        3: "#D2691E",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#B87333

Color 2#CD7F32

Color 3#D2691E

Color 4#A0522D

Color 5#8B4513

Accessibility

Contrast checker

1.2:1Fail

1:1Fail

1.5:1Fail

1.9:1Fail

1.2:1Fail

1.8:1Fail

2.3:1Fail

1:1Fail

1.2:1Fail

1.5:1Fail

2:1Fail

1.5:1Fail

1.8:1Fail

1.5:1Fail

1.3:1Fail

1.9:1Fail

2.3:1Fail

2:1Fail

1.3:1Fail

Similar palettes

More like Copper Kettle Glow

Copper Kettle Glow

See it in context.

Ready when you are.

Built with Copper Kettle Glow.

How to use Copper Kettle Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Kettle Base

Warm Glow

Rich Copper

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Copper Kettle Glow