Palette

Copper Kettle Steam

Warm copper tones blend with misty whites, evoking the cozy scene of a kettle steaming on the stove.

warmcalm5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7D3D2B#AE6B52#E19C7C#F8D0B3#F2E8E1

Palette guide

How to use Copper Kettle Steam

Overview

The Copper Kettle Steam palette offers a serene blend of warm copper tones and misty whites, perfectly evoking the cozy scene of a kettle steaming on the stove. With deep #7D3D2B (Dark Sepia) and bright #F2E8E1 (Steamed White), this collection provides designers a balanced range for creating calm and inviting experiences. The intermediate shades like #AE6B52 and #E19C7C transition smoothly, adding depth without sacrificing lightness. Developers can utilize these hues to craft user interfaces that feel soft, comforting, and approachable, ideal for wellness, home, or lifestyle brands. This palette's delicate balance of warmth and airiness makes it exceptionally versatile for designs aiming for a tranquil and refined aesthetic.

Best used for

wellness app interfaces
minimalist interior design
cozy lifestyle blog branding
bakery or cafe website design
spa and relaxation marketing
gentle product packaging

Suggested color roles

primary

#7D3D2B (Dark Sepia) provides a grounding, warm base, ideal for strong headers, navigation, or deep accents.

secondary

#AE6B52 (Muted Copper) offers a mid-tone warmth, suitable for subheadings, secondary content blocks, or subtle branding elements.

accent

#E19C7C (Soft Peach) acts as a gentle, luminous accent. Perfect for delicate UI elements, icons, or to highlight key information without being overpowering.

background

#F2E8E1 (Steamed White) serves as a clean, airy background, providing maximum readability and a fresh feel.

text

#7D3D2B (Dark Sepia) offers excellent contrast and warmth for body text against lighter backgrounds like #F2E8E1 or #F8D0B3.

Accessibility notes

Ensure #7D3D2B text has high contrast against #F2E8E1 or #F8D0B3 for optimal readability, meeting WCAG AA standards.
Avoid using #E19C7C for small text; reserve it for larger headings or decorative elements due to its lighter value.
Check contrast ratios between #AE6B52 and #F8D0B3 if used in close proximity for text or interactive elements.
For interactive components, ensure a minimum contrast ratio of 3:1 against adjacent background colors.

Recommended combinations

Calm Foundation

Creates a balanced, warm, and clean look, perfect for main content areas and legible text.

#7D3D2B · #AE6B52 · #F2E8E1

Misty Glow

Ideal for soft, ethereal backgrounds or subtle decorative elements, evoking lightness and tranquility.

#E19C7C · #F8D0B3 · #F2E8E1

Earthy Depth

Effective for strong headlines or calls-to-action against a light background, providing clear hierarchy.

#7D3D2B · #E19C7C · #AE6B52

CSS variables

:root {
  --copper-kettle-steam-1: #7D3D2B;
  --copper-kettle-steam-2: #AE6B52;
  --copper-kettle-steam-3: #E19C7C;
  --copper-kettle-steam-4: #F8D0B3;
  --copper-kettle-steam-5: #F2E8E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "copper-kettle-steam": {
        1: "#7D3D2B",
        2: "#AE6B52",
        3: "#E19C7C",
        4: "#F8D0B3",
        5: "#F2E8E1",
      }
    }
  }
}

Hex values

Color 1#7D3D2B

Color 2#AE6B52

Color 3#E19C7C

Color 4#F8D0B3

Color 5#F2E8E1

Accessibility

Contrast checker

2:1Fail

3.6:1AA18

5.7:1AA

6.8:1AA

2:1Fail

1.8:1Fail

2.9:1Fail

3.5:1AA18

3.6:1AA18

1.8:1Fail

1.6:1Fail

1.9:1Fail

5.7:1AA

2.9:1Fail

1.6:1Fail

1.2:1Fail

6.8:1AA

3.5:1AA18

1.9:1Fail

1.2:1Fail

Similar palettes

More like Copper Kettle Steam

View all warm

Copper Kettle Glow

Copper Pot Kitchen

Hearthside Bake Warmth

Afternoon Sun Kiss

Amber Hearth Glow

Autumn Hearth Comfort