Back to palettes

Palette

Autumn Hearth Glow

A comforting array of autumnal reds and oranges, reminiscent of a crackling fire in a cozy hearth.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CD5C5C#FF6347#FF8C00#FFDAB9

Palette guide

How to use Autumn Hearth Glow

Overview

The Autumn Hearth Glow palette is a comforting array of autumnal reds and oranges, reminiscent of a crackling fire in a cozy hearth. This calm and warm collection offers designers and developers a vibrant yet soothing range of hues, perfect for creating inviting and grounded experiences. Featuring robust #8B4513, gentle #CD5C5C, fiery #FF6347, luminous #FF8C00, and soft #FFDAB9, this palette provides versatility. Its progression from deep brown to light peach creates a gentle visual flow, ideal for projects that aim to convey warmth, comfort, and the soothing ambiance of a fireside evening, perfect for seasonal or cozy themes.

Best used for

  • cozy cafe branding
  • fall event promotions
  • fireplace accessory websites
  • seasonal home decor blogs
  • digital greeting cards
  • rustic interior design concepts

Suggested color roles

primary

#8B4513 - A deep, grounding saddle brown, excellent for foundational elements, large headers, or backgrounds that provide stability and warmth.

secondary

#FF8C00 - A luminous dark orange, perfect for calls to action, important highlights, or as an energetic accent that draws the eye.

accent

#FF6347 - A vibrant tomato red, ideal for interactive elements, warnings, or subtle decorative details that require a strong pop of color.

background

#FFDAB9 - A very light, creamy peach, provides a soft, warm, and highly readable backdrop for most text and UI elements.

text

#8B4513 - For primary body text on light backgrounds like #FFDAB9, offering excellent readability and maintaining the palette's warm, earthy tone.

Accessibility notes

  • Ensure #8B4513 or #CD5C5C text on #FFDAB9 backgrounds meets WCAG AA contrast standards.
  • Avoid using #FF6347 or #FF8C00 for small text directly on #FFDAB9 due to potential low contrast.
  • For critical information, use the darkest color (#8B4513) for text against the lightest background (#FFDAB9).
  • Consider white text on #8B4513, #CD5C5C, #FF6347, or #FF8C00 for maximum readability and visual impact.

Recommended combinations

Fireside Comfort

Creates an inviting and warm contrast, perfect for hero sections or prominent content blocks.

#8B4513 · #FF8C00 · #FFDAB9

Autumnal Radiance

Offers a vibrant, energetic gradient, ideal for dynamic elements or seasonal promotions.

#CD5C5C · #FF6347 · #FF8C00

Soft Hearth

Provides a clean, warm background with strong text options, suitable for readable content areas.

#FFDAB9 · #8B4513 · #CD5C5C

CSS variables

:root {
  --autumn-hearth-glow-1: #8B4513;
  --autumn-hearth-glow-2: #CD5C5C;
  --autumn-hearth-glow-3: #FF6347;
  --autumn-hearth-glow-4: #FF8C00;
  --autumn-hearth-glow-5: #FFDAB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-hearth-glow": {
        1: "#8B4513",
        2: "#CD5C5C",
        3: "#FF6347",
        4: "#FF8C00",
        5: "#FFDAB9",
      }
    }
  }
}

Related searches

cozy fireplace colorsred orange peach paletteautumnal glow schemecalm fall colorshearth inspired design

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD5C5C
·
Color 3#FF6347
·
Color 4#FF8C00
·
Color 5#FFDAB9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.4:1Fail
3:1AA18
5.4:1AA
2
1.8:1Fail
1.3:1Fail
1.7:1Fail
3:1AA18
3
2.4:1Fail
1.3:1Fail
1.3:1Fail
2.2:1Fail
4
3:1AA18
1.7:1Fail
1.3:1Fail
1.8:1Fail
5
5.4:1AA
3:1AA18
2.2:1Fail
1.8:1Fail

Similar palettes

More like Autumn Hearth Glow

View all warm