Palette

Harvest Sundown Hearth

Captures the golden light of a late autumn day, reflecting off wood and warm drinks.

WarmNatural5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Harvest Sundown 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 Harvest Sundown Hearth.

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

Data visualization

#C28B59#F2D2BD#7C4F2F#B64D33#5F2C1A

Palette guide

How to use Harvest Sundown Hearth

Overview

The Harvest Sundown Hearth palette captures the serene beauty of a late autumn day, reminiscent of golden light warming a cozy hearth. This collection of rich browns, inviting oranges, and soft creams creates a deeply comforting and rustic aesthetic. The deep, grounding #5F2C1A and #7C4F2F provide strong, earthy foundations. The vibrant #B64D33 introduces a striking warmth, like embers glowing, while #C28B59 offers a softer, golden glow. The delicate #F2D2BD brightens the palette, perfect for accents or background. This palette is ideal for projects seeking a warm, traditional, or natural fall ambiance, perfect for home decor, seasonal branding, or cozy digital experiences.

Best used for

Rustic cabin or lodge branding
Autumnal home decor websites
Seasonal craft fair promotions
Cozy beverage packaging (e.g., tea, cider)
Traditional holiday event invitations
Nature photography portfolios

Suggested color roles

primary

Utilize #C28B59 for main headings and calls-to-action to convey an inviting, warm, and approachable brand identity.

secondary

Apply #7C4F2F for subheadings, navigation, or strong graphic elements to add depth and a sense of grounding.

accent

Highlight key information or interactive elements with #B64D33 for a vibrant, energetic pop, or #F2D2BD for a soft, gentle touch.

background

Employ #F2D2BD as a light, warm background, providing excellent readability for darker text elements.

text

For maximum readability on light backgrounds like #F2D2BD, use #5F2C1A or a deep charcoal. For dark elements, #F2D2BD provides clear contrast.

Accessibility notes

Ensure strong contrast when placing text, particularly for #5F2C1A or #7C4F2F on #F2D2BD backgrounds.
Avoid using #C28B59 on #F2D2BD for small text due to potential low contrast issues.
Always verify contrast ratios for all text and interactive elements to meet WCAG guidelines.
Use a contrast checker to confirm legibility, especially for lighter text against medium-toned backgrounds.

Recommended combinations

Hearth Foundation

Excellent for robust branding, creating a balanced and inviting feel for headers and core content.

#5F2C1A · #C28B59 · #F2D2BD

Sundown Glow

Ideal for backgrounds with complementary text, or for highlighting specific sections with a warm, radiant feel.

#7C4F2F · #B64D33 · #F2D2BD

Ember Pop

Perfect for UI elements, buttons, and subtle accents, providing a comforting yet clear visual hierarchy.

#F2D2BD · #B64D33 · #5F2C1A

CSS variables

:root {
  --harvest-sundown-hearth-1: #C28B59;
  --harvest-sundown-hearth-2: #F2D2BD;
  --harvest-sundown-hearth-3: #7C4F2F;
  --harvest-sundown-hearth-4: #B64D33;
  --harvest-sundown-hearth-5: #5F2C1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-sundown-hearth": {
        1: "#C28B59",
        2: "#F2D2BD",
        3: "#7C4F2F",
        4: "#B64D33",
        5: "#5F2C1A",
      }
    }
  }
}

Hex values

Color 1#C28B59

Color 2#F2D2BD

Color 3#7C4F2F

Color 4#B64D33

Color 5#5F2C1A

Accessibility

Contrast checker

2.1:1Fail

2.4:1Fail

1.7:1Fail

3.8:1AA18

2.1:1Fail

4.9:1AA

3.6:1AA18

7.9:1AAA

2.4:1Fail

4.9:1AA

1.4:1Fail

1.6:1Fail

1.7:1Fail

3.6:1AA18

1.4:1Fail

2.2:1Fail

3.8:1AA18

7.9:1AAA

1.6:1Fail

2.2:1Fail

Similar palettes

More like Harvest Sundown Hearth

Spiced Harvest Hearth

Autumn Amber Cascade

Autumn Foliage Charm