Back to palettes

Palette

Hearth Ember Glow

A comforting array of reds and oranges, mimicking the soothing warmth of a crackling fire.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CD5C5C#D2691E#F4A460#FF7F50#8B4513

Palette guide

How to use Hearth Ember Glow

Overview

The Hearth Ember Glow palette captures the comforting essence of a crackling fire with its warm, inviting hues. This collection, featuring rich tones like the deep russet of #CD5C5C, the vibrant orange of #D2691E, and the softer glow of #F4A460, offers designers and developers a robust foundation for projects demanding warmth and coziness. The brighter #FF7F50 adds an energetic spark, while the grounding #8B4513 provides depth. Ideal for creating engaging user experiences or branding that evokes feelings of comfort and autumn, this palette ensures a harmonious blend of fiery reds and earthy oranges, perfect for an inviting digital presence.

Best used for

  • Autumn-themed websites and marketing materials
  • Cozy cafe or restaurant branding
  • Rustic home decor e-commerce sites
  • Holiday season promotions and advertisements
  • Inviting UI elements for lifestyle apps
  • Digital content evoking warmth and comfort

Suggested color roles

primary

Use #D2691E as a strong, inviting primary color for calls-to-action or prominent headings, drawing immediate attention.

secondary

The earthy red #CD5C5C works well for supporting elements, subheadings, or background sections that need a touch of warmth.

accent

Apply #FF7F50 as a bright, energetic accent for interactive elements, highlights, or small details that require a pop of color.

background

The softer orange #F4A460 provides a warm, welcoming base for content areas, offering a gentle glow without being overwhelming.

text

Utilize #8B4513 for body text and navigation labels to ensure excellent readability against lighter palette colors, providing a rich, dark contrast.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter hues like #F4A460 with other mid-tones; aim for WCAG AA compliance.
  • Use #8B4513 for all critical text against #F4A460 or similar light backgrounds to maximize readability.
  • Avoid using #CD5C5C and #D2691E as text colors on backgrounds that are too close in luminance to prevent eye strain.
  • Reserve #FF7F50 primarily for large graphical elements or accents, as its brightness might challenge text legibility on light backgrounds.

Recommended combinations

Rustic Fire

Perfect for headers and footers, conveying a deep, grounded warmth with a fiery touch.

#8B4513 · #D2691E · #CD5C5C

Autumn Glow

Ideal for hero sections or banners, creating an energetic yet soft autumnal ambiance.

#F4A460 · #FF7F50 · #D2691E

Cozy Accent

Effective for card backgrounds or feature blocks, balancing a muted red with strong brown and soft orange.

#CD5C5C · #8B4513 · #F4A460

CSS variables

:root {
  --hearth-ember-glow-1: #CD5C5C;
  --hearth-ember-glow-2: #D2691E;
  --hearth-ember-glow-3: #F4A460;
  --hearth-ember-glow-4: #FF7F50;
  --hearth-ember-glow-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "hearth-ember-glow": {
        1: "#CD5C5C",
        2: "#D2691E",
        3: "#F4A460",
        4: "#FF7F50",
        5: "#8B4513",
      }
    }
  }
}

Related searches

warm color schemesautumn palettecozy design colorsfire inspired huesrustic orange red

Palette colors

Hex values

Color 1#CD5C5C
·
Color 2#D2691E
·
Color 3#F4A460
·
Color 4#FF7F50
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2:1Fail
1.6:1Fail
1.8:1Fail
2
1.1:1Fail
1.8:1Fail
1.5:1Fail
2:1Fail
3
2:1Fail
1.8:1Fail
1.2:1Fail
3.5:1AA18
4
1.6:1Fail
1.5:1Fail
1.2:1Fail
2.8:1Fail
5
1.8:1Fail
2:1Fail
3.5:1AA18
2.8:1Fail

Similar palettes

More like Hearth Ember Glow

View all warm
Cozy Hearth Ember
Rustic Fireplace Warmth
Autumn Cider Spice
Autumn Cider Spill
Autumn Cider Sunset
Autumn Foliage Ember