Back to palettes

Palette

Ember Glow Hearth

Deep reds and oranges capturing the intense heat and comforting light of dying embers in a fireplace.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36110D#7C221D#BE403A#F76E6A#591B18

Palette guide

How to use Ember Glow Hearth

Overview

The Ember Glow Hearth palette (ID: electro-pulse-grid-2) captures the intense heat and comforting light of dying embers in a fireplace. This collection features deep mahogany (#36110D), rich brick red (#7C221D), warm crimson (#BE403A), glowing coral red (#F76E6A), and muted burnt umber (#591B18). It's an ideal choice for designs that aim to convey coziness, warmth, and a rustic elegance. Designers and developers can leverage these harmonious hues to create inviting branding, comfortable digital experiences, or serene editorial layouts. The smooth transition from deep, earthy tones to soft, glowing reds allows for versatile application and a visually appealing sense of comforting depth.

Best used for

  • Home decor and interior design websites
  • Cozy cafe or restaurant branding
  • Autumn and winter seasonal campaigns
  • Traditional craftsmanship and artisan product packaging
  • Lifestyle blogs focusing on comfort and warmth
  • Fireplace and outdoor living product promotions

Suggested color roles

primary

Deep mahogany (#36110D) or muted burnt umber (#591B18) serves as an excellent foundational color for backgrounds or main content areas, conveying depth and warmth.

secondary

Rich brick red (#7C221D) or warm crimson (#BE403A) are versatile for supporting content blocks, subheadings, or subtle gradients, adding inviting texture.

accent

Glowing coral red (#F76E6A) offers a soft yet prominent accent, perfect for highlights, interactive elements, or a warm, comforting glow.

background

Deep mahogany (#36110D) creates a dark, cozy backdrop, allowing lighter tones to emerge with a comforting, ember-like glow.

text

For body text, use white or a very light cream on dark backgrounds for optimal readability. For headings or impactful statements, glowing coral red (#F76E6A) provides excellent contrast against darker palette colors.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing #BE403A with #F76E6A, which may have low contrast.
  • Prioritize using white or a very light cream for body text on dark backgrounds to meet WCAG contrast requirements.
  • Avoid using darker palette colors like #36110D or #591B18 for text on very dark backgrounds due to readability issues.
  • Consider using larger font sizes for any text set in mid-tone reds to improve legibility.

Recommended combinations

Hearth Warmth

Ideal for creating a deep, warm background gradient or layered UI elements that evoke the comforting heat of a hearth.

#36110D · #7C221D · #BE403A

Ember Glow

Excellent for calls-to-action, highlighted elements, or decorative flourishes that need to stand out with a radiant, comforting glow.

#591B18 · #F76E6A · #BE403A

Rustic Blend

Perfect for creating harmonious content blocks or illustrations, offering a smooth transition of complementary warm red tones.

#7C221D · #BE403A · #F76E6A

CSS variables

:root {
  --ember-glow-hearth-2-1: #36110D;
  --ember-glow-hearth-2-2: #7C221D;
  --ember-glow-hearth-2-3: #BE403A;
  --ember-glow-hearth-2-4: #F76E6A;
  --ember-glow-hearth-2-5: #591B18;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ember-glow-hearth-2": {
        1: "#36110D",
        2: "#7C221D",
        3: "#BE403A",
        4: "#F76E6A",
        5: "#591B18",
      }
    }
  }
}

Related searches

ember glow color schemecozy hearth designwarm red brown paletterustic elegant colorsfireplace inspired palette

Palette colors

Hex values

Color 1#36110D
·
Color 2#7C221D
·
Color 3#BE403A
·
Color 4#F76E6A
·
Color 5#591B18
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.2:1AA18
5.9:1AA
1.3:1Fail
2
1.7:1Fail
1.9:1Fail
3.5:1AA18
1.3:1Fail
3
3.2:1AA18
1.9:1Fail
1.9:1Fail
2.5:1Fail
4
5.9:1AA
3.5:1AA18
1.9:1Fail
4.6:1AA
5
1.3:1Fail
1.3:1Fail
2.5:1Fail
4.6:1AA

Similar palettes

More like Ember Glow Hearth

View all dark
Ruby Ember Hearth
Cozy Hearthside Gloom
Deep Espresso Roast
Ember Glow
Magma Pool Glimmer
Midnight Espresso Brew