Palette

Amber Hearth Glow

Inviting shades of amber and orange radiating the comforting warmth of a crackling hearth.

warmcalm5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Amber Hearth 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 Amber Hearth Glow.

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

Data visualization

#FAEBDD#EBC08A#D2915A#B96D34#8C4A1C

Palette guide

How to use Amber Hearth Glow

Overview

The "Amber Hearth Glow" palette emanates comforting warmth, inspired by a crackling fireplace. It moves from the soft, almost-white #FAEBDD (Antique White) through gentle #EBC08A (Light Sienna) to rich #D2915A (Sienna) and deep #B96D34 (Burnt Orange). The grounding #8C4A1C (Dark Terra Cotta) adds significant depth, reminiscent of smoldering embers. This palette is ideal for creating designs that feel cozy, inviting, and rustic, perfect for home decor, hospitality branding, or any project aiming for a serene and established ambiance.

Best used for

Interior design and home decor websites
Hospitality branding (cafes, B&Bs, rustic restaurants)
Cozy lifestyle blogs or magazines
Winter holiday marketing materials
E-commerce for artisanal goods or handcrafted items
Branding for natural or organic products

Suggested color roles

primary

Use #B96D34 as a warm, inviting burnt orange, excellent for main headings, important calls-to-action, or strong brand elements.

secondary

Employ #D2915A as a rich, earthy sienna, perfect for subheadings, navigation links, or complementary content blocks.

accent

Apply #EBC08A as a lighter, soft sienna, ideal for subtle highlights, borders, or secondary interactive states.

background

Utilize #FAEBDD as a gentle, warm antique white, providing a clean, airy, and inviting canvas that enhances readability.

text

For primary body text on light backgrounds, use #8C4A1C, a deep, earthy brown that offers excellent contrast and strong emphasis.

Accessibility notes

Ensure #8C4A1C text has excellent contrast against #FAEBDD backgrounds (WCAG AAA likely).
Avoid using #EBC08A or #D2915A for small text on #FAEBDD, as contrast may be insufficient.
When using #B96D34 for text, pair it with a very light background for optimal readability.
The lightest color, #FAEBDD, is best reserved for backgrounds to maximize readability of darker text.

Recommended combinations

Ember & Stone

A deep base, a strong primary, and a light background, perfect for a grounded and legible interface.

#8C4A1C · #B96D34 · #FAEBDD

Hearth Glow

A soft background with earthy text and a warm accent, creating a cozy and inviting content area.

#FAEBDD · #D2915A · #B96D34

Rustic Charm

A vibrant primary, a soft secondary, and a deep grounding color, ideal for layered design elements.

#B96D34 · #EBC08A · #8C4A1C

CSS variables

:root {
  --amber-hearth-glow-1: #FAEBDD;
  --amber-hearth-glow-2: #EBC08A;
  --amber-hearth-glow-3: #D2915A;
  --amber-hearth-glow-4: #B96D34;
  --amber-hearth-glow-5: #8C4A1C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amber-hearth-glow": {
        1: "#FAEBDD",
        2: "#EBC08A",
        3: "#D2915A",
        4: "#B96D34",
        5: "#8C4A1C",
      }
    }
  }
}

Hex values

Color 1#FAEBDD

Color 2#EBC08A

Color 3#D2915A

Color 4#B96D34

Color 5#8C4A1C

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

3.4:1AA18

5.8:1AA

1.4:1Fail

1.6:1Fail

2.3:1Fail

4:1AA18

2.3:1Fail

1.6:1Fail

1.5:1Fail

2.6:1Fail

3.4:1AA18

2.3:1Fail

1.5:1Fail

1.7:1Fail

5.8:1AA

4:1AA18

2.6:1Fail

1.7:1Fail

Similar palettes

More like Amber Hearth Glow

Amber Hearth Glow

See it in context.

Ready when you are.

Built with Amber Hearth Glow.

How to use Amber Hearth Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Ember & Stone

Hearth Glow

Rustic Charm

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Amber Hearth Glow