Palette

Copper Kettle Glow

Warm and inviting, like the radiant gleam of aged copper cookware by a cozy hearth.

warmnatural5 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#D2691E#CD853F#8B4513#6B2F0B

Palette guide

How to use Copper Kettle Glow

Overview

The Copper Kettle Glow palette evokes the radiant gleam of aged copper cookware by a cozy hearth, offering a rich and inviting collection of metallic browns and oranges. Featuring classic #B87333, intense #D2691E, deep #8B4513, and grounding #6B2F0B, complemented by the warm #CD853F, 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 cooking 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 #8B4513 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 #CD853F with text.
White text will be necessary for #B87333, #D2691E, #CD853F, #8B4513, and #6B2F0B 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

Deep Hearth

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

#6B2F0B · #8B4513 · #B87333

Kettle Shine

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

#B87333 · #CD853F · #D2691E

Warm Brew

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

#D2691E · #B87333 · #CD853F

CSS variables

:root {
  --copper-kettle-glow-3-1: #B87333;
  --copper-kettle-glow-3-2: #D2691E;
  --copper-kettle-glow-3-3: #CD853F;
  --copper-kettle-glow-3-4: #8B4513;
  --copper-kettle-glow-3-5: #6B2F0B;
}

Tailwind config

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

Hex values

Color 1#B87333

Color 2#D2691E

Color 3#CD853F

Color 4#8B4513

Color 5#6B2F0B

Accessibility

Contrast checker

1:1Fail

1.3:1Fail

1.9:1Fail

2.7:1Fail

1:1Fail

1.2:1Fail

2:1Fail

2.8:1Fail

1.3:1Fail

1.2:1Fail

2.4:1Fail

3.4:1AA18

1.9:1Fail

2:1Fail

2.4:1Fail

1.5:1Fail

2.7:1Fail

2.8:1Fail

3.4:1AA18

1.5:1Fail

Similar palettes

More like Copper Kettle Glow

Bountiful Orchard Glow

Harvest Moon Delight

Russet Orchard Bounty