Back to palettes

Palette

Copper Kettle Glow

Warm, inviting shades that mimic the rich sheen and comforting warmth of an old copper kettle by the fire.

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

#B95537#DA7B4F#F8C07A#7A3B2A#E39C6D

Palette guide

How to use Copper Kettle Glow

Overview

The Copper Kettle Glow palette, featuring rich hues like #B95537 (Deep Copper) and #DA7B4F (Burnished Orange), captures the comforting warmth and metallic sheen of an an antique copper kettle. This collection, anchored by the inviting glow of #F8C07A and the grounding depth of #7A3B2A, offers designers a sophisticated yet rustic range. Its intermediate shade, #E39C6D, provides a smooth transition, allowing for versatile application in branding, web design, and physical spaces. Developers will find these warm, earthy tones excellent for creating user interfaces that evoke coziness and heritage, ensuring a welcoming user experience. The palette's natural warmth makes it ideal for projects seeking an authentic, handcrafted feel, providing a robust foundation for visual storytelling.

Best used for

  • rustic home decor branding
  • cozy cafe website design
  • autumnal product packaging
  • vintage-inspired app interfaces
  • farmhouse style interior accents
  • craft brewery marketing materials

Suggested color roles

primary

#B95537 (Deep Copper) serves as a strong, inviting base. Ideal for main headers, prominent call-to-action buttons, or large background sections where warmth is paramount.

secondary

#DA7B4F (Burnished Orange) complements the primary, bringing a slightly brighter yet still earthy tone. Use for subheadings, secondary buttons, or decorative elements.

accent

#F8C07A (Golden Kettle) provides a brilliant, warm highlight. Perfect for small interactive elements, icons, or to draw attention to key information.

background

#E39C6D (Mellow Copper) offers a light, warm backdrop that won't overpower. Suitable for main content areas or softer page backgrounds.

text

#7A3B2A (Dark Sepia) ensures excellent readability against lighter palette colors. For darker backgrounds, consider a near-white text like '#F8C07A' or '#E39C6D'.

Accessibility notes

  • Ensure sufficient contrast between #7A3B2A text and lighter backgrounds like #F8C07A or #E39C6D for WCAG AA compliance.
  • Avoid pairing #B95537 text on #DA7B4F backgrounds, as their proximity in value may hinder readability for some users.
  • Use #F8C07A sparingly for small text, reserving it for larger headings or accents due to its lighter value.
  • For interactive elements, maintain a minimum contrast ratio of 3:1 against adjacent colors, especially for icons or states.

Recommended combinations

Warm Core

Excellent for robust branding, creating a strong, earthy visual identity for logos or primary web sections.

#B95537 · #DA7B4F · #7A3B2A

Rustic Glow

Ideal for soft, inviting backgrounds and content blocks, evoking a cozy, sunlit feel.

#DA7B4F · #F8C07A · #E39C6D

Deep Contrast

Effective for high-impact headlines and calls-to-action against a light background, ensuring readability.

#7A3B2A · #F8C07A · #B95537

CSS variables

:root {
  --copper-kettle-glow-1: #B95537;
  --copper-kettle-glow-2: #DA7B4F;
  --copper-kettle-glow-3: #F8C07A;
  --copper-kettle-glow-4: #7A3B2A;
  --copper-kettle-glow-5: #E39C6D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "copper-kettle-glow": {
        1: "#B95537",
        2: "#DA7B4F",
        3: "#F8C07A",
        4: "#7A3B2A",
        5: "#E39C6D",
      }
    }
  }
}

Related searches

rustic copper color schemecozy metallic palettewarm earthy tones designvintage kettle colorsautumn decor color ideas

Palette colors

Hex values

Color 1#B95537
·
Color 2#DA7B4F
·
Color 3#F8C07A
·
Color 4#7A3B2A
·
Color 5#E39C6D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.9:1Fail
1.8:1Fail
2.1:1Fail
2
1.6:1Fail
1.8:1Fail
2.8:1Fail
1.3:1Fail
3
2.9:1Fail
1.8:1Fail
5.2:1AA
1.4:1Fail
4
1.8:1Fail
2.8:1Fail
5.2:1AA
3.7:1AA18
5
2.1:1Fail
1.3:1Fail
1.4:1Fail
3.7:1AA18

Similar palettes

More like Copper Kettle Glow

View all warm
Copper Cauldron Brew
Copper Kettle Steam
Copper Patina Gleam
Fireside Copper Warmth
Amber Apothecary Jar
Apple Grove Hearth