Palette

Ember Hearth Glow

A comforting and inviting palette reflecting the gentle, flickering warmth of a dying fireplace ember.

warmcalm5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B22222#FF8C00#36454F#A0522D#8B4513

Palette guide

How to use Ember Hearth Glow

Overview

The Ember Hearth Glow palette is a comforting and inviting collection, reflecting the gentle, flickering warmth of a dying fireplace ember. It features the vibrant Firebrick (#B22222) and energetic Dark Orange (#FF8C00), which capture the essence of glowing heat. These are beautifully complemented by the rich, earthy tones of Charcoal (#36454F), Sienna (#A0522D), and Saddle Brown (#8B4513). This palette is perfect for designers and developers aiming to create a sense of autumn warmth, coziness, and home-like comfort. It lends itself well to projects that seek to feel grounded, inviting, and subtly energetic, like a cozy evening by the fire.

Best used for

Autumn-themed websites or blogs
Branding for cozy cafes or pubs
Home decor and interior design accents
Event invitations for fall gatherings
Packaging for seasonal food or beverage products
Digital illustrations with warm, natural lighting

Suggested color roles

primary

Firebrick (#B22222) acts as a vibrant primary color, ideal for prominent headlines, calls-to-action, or elements requiring a strong, warm presence.

secondary

Dark Orange (#FF8C00) serves as an energetic secondary, perfect for interactive elements, highlights, or sections that need to convey a glowing, inviting warmth.

accent

Sienna (#A0522D) provides a rich, earthy accent, excellent for navigation, borders, or subtle decorative details, adding depth and grounding.

background

Charcoal (#36454F) offers a sophisticated, deep background, providing excellent contrast for the warmer tones and creating a cozy, enveloping atmosphere.

text

Saddle Brown (#8B4513) works well for body text on lighter background elements, offering an earthy feel, or use a crisp white on Charcoal for maximum legibility.

Accessibility notes

Charcoal (#36454F) provides excellent contrast for text in Firebrick (#B22222), Dark Orange (#FF8C00), Sienna (#A0522D), and Saddle Brown (#8B4513).
Ensure sufficient contrast if using Saddle Brown (#8B4513) for text on a Dark Orange (#FF8C00) background.
Always verify that text and interactive element contrasts meet WCAG 2.1 AA standards for all users.
Dark Orange (#FF8C00) against Firebrick (#B22222) might have insufficient contrast for small text; use for larger headings or decorative elements.

Recommended combinations

Ember Spark

Creates a dynamic, high-contrast look, perfect for hero sections or urgent calls-to-action.

#B22222 · #FF8C00 · #36454F

Grounding Warmth

Ideal for a stable, earthy foundation, suitable for navigation, footers, or background elements.

#A0522D · #8B4513 · #36454F

Flickering Highlight

Excellent for emphasizing key content, buttons, or creating a vibrant, inviting focal point.

#FF8C00 · #8B4513 · #B22222

CSS variables

:root {
  --ember-hearth-glow-1: #B22222;
  --ember-hearth-glow-2: #FF8C00;
  --ember-hearth-glow-3: #36454F;
  --ember-hearth-glow-4: #A0522D;
  --ember-hearth-glow-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ember-hearth-glow": {
        1: "#B22222",
        2: "#FF8C00",
        3: "#36454F",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#B22222

Color 2#FF8C00

Color 3#36454F

Color 4#A0522D

Color 5#8B4513

Accessibility

Contrast checker

2.9:1Fail

1.5:1Fail

1.2:1Fail

1.1:1Fail

2.9:1Fail

4.2:1AA18

2.4:1Fail

3:1AA18

1.5:1Fail

4.2:1AA18

1.8:1Fail

1.4:1Fail

1.2:1Fail

2.4:1Fail

1.8:1Fail

1.3:1Fail

1.1:1Fail

3:1AA18

1.4:1Fail

1.3:1Fail

Similar palettes

More like Ember Hearth Glow

View all warm

Fireside Hearth Warmth

Autumn Spice Brew

Cinnamon Hearth Glow

Ember Glow Hearth

Fireside Comfort Glow

Flickering Hearth Fire