Back to palettes

Palette

Scarlet Grove Hearth

Capturing the fiery beauty of autumn leaves, ablaze with warm reds, oranges, and earthy browns.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Scarlet Grove 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 Scarlet Grove Hearth.

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

Data visualization

#5A2A2B#8B3C3D#BF674A#E4936B#A2765A

Palette guide

How to use Scarlet Grove Hearth

Overview

The Scarlet Grove Hearth palette beautifully captures the fiery essence of autumn leaves and the cozy warmth of a hearth. It blends deep, rustic reds like #5A2A2B (Dark Terra Cotta) and #8B3C3D (Rusty Red) with warm oranges such as #BF674A (Burnt Orange) and #E4936B (Light Salmon), softened by the earthy #A2765A (Russet). This palette is perfect for designers and developers seeking to evoke feelings of comfort, tradition, and natural beauty. It's an excellent choice for projects requiring a warm, inviting, and grounded aesthetic, from rustic branding to cozy digital interfaces or seasonal marketing materials that feel authentic and welcoming.

Best used for

  • Autumn-themed branding and marketing
  • Rustic interior design websites
  • Cozy cafe or restaurant branding
  • Seasonal product packaging
  • Homeware and craft e-commerce sites
  • Blog and content platforms with a warm, inviting tone

Suggested color roles

primary

#8B3C3D (Rusty Red) - A rich, grounding primary color, ideal for main headings, prominent sections, or a brand's core identity.

secondary

#BF674A (Burnt Orange) - Provides a warm, inviting secondary tone, suitable for subheadings, accents, or calls-to-action.

accent

#E4936B (Light Salmon) - A brighter, softer accent that adds a touch of warmth and lightness, great for highlights or interactive elements.

background

#A2765A (Russet) - A warm, muted brown that serves as an excellent natural base, offering comfort and good readability for darker text.

text

#FFFFFF (white) for text on #5A2A2B and #8B3C3D. For lighter backgrounds like #E4936B or #A2765A, use a dark brown like #333333 or #5A2A2B for optimal readability.

Accessibility notes

  • Ensure high contrast when placing text on the darker shades like #5A2A2B and #8B3C3D; white text is usually the best choice.
  • When using #E4936B or #A2765A as backgrounds, opt for a dark brown or black text to meet WCAG AA contrast standards.
  • Avoid using similar mid-range colors such as #BF674A and #A2765A adjacent to each other for critical information.
  • Consider providing sufficient visual cues beyond color for interactive elements, especially if using a limited contrast pairing.

Recommended combinations

Rustic Elegance

For a warm, inviting content block with a strong heading and readable body text.

#A2765A · #8B3C3D · #5A2A2B

Autumn Highlight

An attractive call-to-action or button with clear white text, perfect for seasonal promotions.

#BF674A · #E4936B · #8B3C3D

Deep Hearth

Creates a rich, layered effect for headers or footers, evoking comfort and depth.

#5A2A2B · #8B3C3D · #E4936B

CSS variables

:root {
  --scarlet-grove-hearth-1: #5A2A2B;
  --scarlet-grove-hearth-2: #8B3C3D;
  --scarlet-grove-hearth-3: #BF674A;
  --scarlet-grove-hearth-4: #E4936B;
  --scarlet-grove-hearth-5: #A2765A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "scarlet-grove-hearth": {
        1: "#5A2A2B",
        2: "#8B3C3D",
        3: "#BF674A",
        4: "#E4936B",
        5: "#A2765A",
      }
    }
  }
}

Related searches

autumn color palettefall leaves colorsrustic red orangewarm earthy tonescozy hearth colors

Palette colors

Hex values

Color 1#5A2A2B
·
Color 2#8B3C3D
·
Color 3#BF674A
·
Color 4#E4936B
·
Color 5#A2765A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.9:1Fail
4.8:1AA
2.9:1Fail
2
1.6:1Fail
1.9:1Fail
3.1:1AA18
1.9:1Fail
3
2.9:1Fail
1.9:1Fail
1.7:1Fail
1:1Fail
4
4.8:1AA
3.1:1AA18
1.7:1Fail
1.6:1Fail
5
2.9:1Fail
1.9:1Fail
1:1Fail
1.6:1Fail

Similar palettes

More like Scarlet Grove Hearth

View all warm
Autumn Foliage Crunch
Autumn Leaf Ember
Harvest Leaf Glow
Amber Leaf Descent
Autumn Cider Sunset
Autumn Forest Canopy