Back to palettes

Palette

Flickering Hearth Fire

A cozy and inviting palette that mimics the warm, flickering glow of embers in a traditional fireplace.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Flickering Hearth Fire 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 Flickering Hearth Fire.

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

Data visualization

#4B0000#800000#C04000#E06000#A02000

Palette guide

How to use Flickering Hearth Fire

Overview

The 'Flickering Hearth Fire' palette evokes the cozy and inviting glow of embers in a traditional fireplace. This warm collection, ranging from the deep, smoky #4B0000 to the bright, glowing #E06000, offers designers and developers a rich spectrum for rustic and comforting designs. The classic deep red of #800000 and the intense orange of #C04000 provide a vibrant core, while #A02000 adds a touch of earthy richness. This palette is perfect for creating digital experiences, branding, or editorial content that aims to convey warmth, comfort, and a sense of inviting tradition, ensuring a cozy and engaging visual narrative.

Best used for

  • Rustic home decor brands
  • Cozy cafe or restaurant branding
  • Autumnal marketing campaigns
  • Traditional craftsmanship websites
  • Comfort food blogs and recipes
  • Seasonal event promotions (fall/winter)

Suggested color roles

primary

#800000 - A deep, rich maroon, ideal for main headings, navigation, or significant brand elements to convey warmth and tradition.

secondary

#C04000 - A vibrant, warm orange, excellent for subheadings, secondary call-to-action buttons, or to add energy and a focal point.

accent

#E06000 - A bright, glowing orange, perfect for subtle highlights, interactive states, or small graphical elements that need to shimmer.

background

#4B0000 - A very deep, dark red-brown that creates a rich, enveloping background, allowing brighter colors to appear as glowing embers.

text

White or a very light cream (#F5F5DC) would provide the best contrast for text against the dark colors of this palette, ensuring readability.

Accessibility notes

  • Ensure white or light-colored text has sufficient contrast against the dark background colors like #4B0000 and #800000.
  • Avoid using #E06000 or #C04000 for body text, as their vibrancy can cause eye strain; reserve for accents.
  • The mid-tones like #A02000 may not provide enough contrast for text on certain backgrounds; test thoroughly.
  • For critical information, always use a high-contrast pairing, such as white text on #4B0000, to ensure accessibility.

Recommended combinations

Ember Glow

For hero sections or dramatic backgrounds, simulating the deep warmth and bright glow of a fire.

#4B0000 · #800000 · #E06000

Rustic Hearth

Ideal for content blocks or feature elements, creating a layered, inviting warmth with clear definition.

#A02000 · #C04000 · #800000

Flickering Light

Effective for dynamic accents, interactive states, or illustrations where a bright, shifting light is desired.

#E06000 · #C04000 · #4B0000

CSS variables

:root {
  --flickering-hearth-fire-1: #4B0000;
  --flickering-hearth-fire-2: #800000;
  --flickering-hearth-fire-3: #C04000;
  --flickering-hearth-fire-4: #E06000;
  --flickering-hearth-fire-5: #A02000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "flickering-hearth-fire": {
        1: "#4B0000",
        2: "#800000",
        3: "#C04000",
        4: "#E06000",
        5: "#A02000",
      }
    }
  }
}

Related searches

cozy fire colorsrustic warm palettehearth glow color schemeautumnal red orange designcomforting earthy tones

Palette colors

Hex values

Color 1#4B0000
·
Color 2#800000
·
Color 3#C04000
·
Color 4#E06000
·
Color 5#A02000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.1:1AA18
4.5:1AA18
2.1:1Fail
2
1.5:1Fail
2.1:1Fail
3:1AA18
1.4:1Fail
3
3.1:1AA18
2.1:1Fail
1.5:1Fail
1.5:1Fail
4
4.5:1AA18
3:1AA18
1.5:1Fail
2.2:1Fail
5
2.1:1Fail
1.4:1Fail
1.5:1Fail
2.2:1Fail

Similar palettes

More like Flickering Hearth Fire

View all warm
Rustic Fireside Hearth
Cozy Cabin Hearth
Cozy Cottage Hearth
Ember Hearth Comfort
Fireside Comfort Glow
Amber Hearth Glow