Back to palettes

Palette

Ember Glow Hearth

Captures the deep, comforting warmth of glowing embers in a cozy hearth on a chilly evening.

warmnatural5 colors
More warm 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

#8B0000#B22222#DC143C#4F4F4F#6E2A2A

Palette guide

How to use Ember Glow Hearth

Overview

The Ember Glow Hearth palette (ID: ember-glow-hearth-3) captures the deep, comforting warmth of glowing embers in a cozy hearth on a chilly evening. This collection features rich dark red (#8B0000), vibrant brick red (#B22222), intense crimson (#DC143C), earthy charcoal (#4F4F4F), and muted maroon (#6E2A2A). It's an ideal choice for designs that aim to convey coziness, natural warmth, and a touch of rustic sophistication. Designers and developers can leverage these harmonious hues to create inviting branding, comfortable digital experiences, or serene editorial layouts. The balance between warm reds and grounding grays allows for versatile application and a visually appealing sense of comforting depth.

Best used for

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

Suggested color roles

primary

Rich dark red (#8B0000) or earthy charcoal (#4F4F4F) serves as an excellent foundational color for backgrounds or main content areas, conveying depth and stability.

secondary

Vibrant brick red (#B22222) or muted maroon (#6E2A2A) are versatile for supporting content blocks, subheadings, or subtle gradients, adding inviting texture.

accent

Intense crimson (#DC143C) offers a vibrant yet comforting accent, perfect for highlights, interactive elements, or a warm, inviting glow.

background

Earthy charcoal (#4F4F4F) creates a dark, cozy backdrop, allowing the reds 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, intense crimson (#DC143C) provides excellent contrast against darker palette colors, or use #4F4F4F on lighter elements.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing #B22222 with #DC143C, 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 #8B0000 or #6E2A2A 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 Comfort

Ideal for creating a dark, comforting background with warm red accents for key information or interactive elements.

#4F4F4F · #8B0000 · #DC143C

Ember Glow

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

#6E2A2A · #B22222 · #DC143C

Rustic Blend

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

#4F4F4F · #6E2A2A · #8B0000

CSS variables

:root {
  --ember-glow-hearth-3-1: #8B0000;
  --ember-glow-hearth-3-2: #B22222;
  --ember-glow-hearth-3-3: #DC143C;
  --ember-glow-hearth-3-4: #4F4F4F;
  --ember-glow-hearth-3-5: #6E2A2A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ember-glow-hearth-3": {
        1: "#8B0000",
        2: "#B22222",
        3: "#DC143C",
        4: "#4F4F4F",
        5: "#6E2A2A",
      }
    }
  }
}

Related searches

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

Palette colors

Hex values

Color 1#8B0000
·
Color 2#B22222
·
Color 3#DC143C
·
Color 4#4F4F4F
·
Color 5#6E2A2A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
1.2:1Fail
1:1Fail
2
1.5:1Fail
1.3:1Fail
1.2:1Fail
1.6:1Fail
3
2:1Fail
1.3:1Fail
1.6:1Fail
2.1:1Fail
4
1.2:1Fail
1.2:1Fail
1.6:1Fail
1.3:1Fail
5
1:1Fail
1.6:1Fail
2.1:1Fail
1.3:1Fail

Similar palettes

More like Ember Glow Hearth

View all warm
Cozy Hearth Ember
Ember Glow Hearth
Hearth Ember Glow
Rustic Fireplace Warmth
Amber Sundown Glow
Artisan Loaf Hearth