Back to palettes

Palette

Cozy Hearth Ember

Warm and intimate, reflecting the comforting glow and deep warmth of a dying hearth fire.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8A2D1F#BF4A3C#EB7E6B#FBBDA8#5A1E15

Palette guide

How to use Cozy Hearth Ember

Overview

The Cozy Hearth Ember palette radiates a comforting and intimate warmth, reflecting the gentle glow of a dying hearth fire. This collection transitions beautifully from the deep, grounding #5A1E15 to the soft, inviting #FBBDA8, offering a versatile range for designers and developers. Hues like #8A2D1F and #BF4A3C provide rich, earthy reds, while #EB7E6B introduces a delicate, rosy warmth. It's an excellent choice for projects requiring a natural, rustic, and welcoming aesthetic, from home decor applications to digital interfaces that aim to soothe and engage users with a sense of security and tradition.

Best used for

  • Rustic home decor and textile designs
  • Winter holiday marketing materials
  • Cozy blog or website themes
  • Packaging for artisanal baked goods or coffee
  • Branding for wellness or spa services
  • Editorial design for lifestyle magazines

Suggested color roles

primary

Utilize #8A2D1F as a dominant color for headings or large blocks, conveying depth and warmth.

secondary

Apply #BF4A3C for subheadings, buttons, or secondary content areas to maintain a strong, inviting presence.

accent

Use #EB7E6B or #FBBDA8 as soft accents for highlights, subtle backgrounds, or interactive states, adding a gentle glow.

background

The lightest shade, #FBBDA8, works well for soft, warm backgrounds. For dramatic contrast, use #5A1E15.

text

For light backgrounds, a dark charcoal or #5A1E15 provides excellent contrast. For dark backgrounds, white or a near-white shade is ideal.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter shades like #EB7E6B and #FBBDA8 for text.
  • Text in #5A1E15 will require very light text (e.g., white) to be legible.
  • Avoid using #EB7E6B on #FBBDA8 for critical information due to low contrast.
  • Always check color combinations against WCAG 2.1 AA standards, particularly for smaller text.

Recommended combinations

Ember Glow

Creates a deep, grounding base with a warm, inviting glow for cozy interfaces.

#5A1E15 · #8A2D1F · #EB7E6B

Rustic Warmth

Excellent for natural branding or product packaging, balancing warmth with depth.

#BF4A3C · #FBBDA8 · #5A1E15

Soft Hearth

For a gentle, comforting visual flow, ideal for background elements and subtle accents.

#8A2D1F · #EB7E6B · #FBBDA8

CSS variables

:root {
  --cozy-hearth-ember-2-1: #8A2D1F;
  --cozy-hearth-ember-2-2: #BF4A3C;
  --cozy-hearth-ember-2-3: #EB7E6B;
  --cozy-hearth-ember-2-4: #FBBDA8;
  --cozy-hearth-ember-2-5: #5A1E15;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cozy-hearth-ember-2": {
        1: "#8A2D1F",
        2: "#BF4A3C",
        3: "#EB7E6B",
        4: "#FBBDA8",
        5: "#5A1E15",
      }
    }
  }
}

Related searches

hearth fire color paletterustic warm color schemescomforting red brown colorsnatural earthy tone guidetraditional autumn hues

Palette colors

Hex values

Color 1#8A2D1F
·
Color 2#BF4A3C
·
Color 3#EB7E6B
·
Color 4#FBBDA8
·
Color 5#5A1E15
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.1:1AA18
5.2:1AA
1.5:1Fail
2
1.7:1Fail
1.8:1Fail
3:1AA18
2.6:1Fail
3
3.1:1AA18
1.8:1Fail
1.7:1Fail
4.7:1AA
4
5.2:1AA
3:1AA18
1.7:1Fail
7.9:1AAA
5
1.5:1Fail
2.6:1Fail
4.7:1AA
7.9:1AAA

Similar palettes

More like Cozy Hearth Ember

View all warm
Warm Cozy Cottage
Warm Hearthstone Ember
Artisan Coffee Blend
Autumn Harvest Hearth
Country Hearthstead Home
Cozy Autumn Fireside