Palette

Harvest Leaf Glow

Captures the radiant beauty of autumn leaves turning vibrant shades, reflecting the cozy glow of the harvest season.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Harvest Leaf 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 Harvest Leaf Glow.

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

Data visualization

#a0522d#cd5c5c#d2691e#ff8c00#ffa500

Palette guide

How to use Harvest Leaf Glow

Overview

The Harvest Leaf Glow palette beautifully captures the radiant beauty of autumn leaves turning vibrant shades, reflecting the cozy glow of the harvest season. This energetic collection features a deep 'Sienna' (#a0522d), a striking 'Indian Red' (#cd5c5c), a rich 'Chocolate' (#d2691e), a bold 'Dark Orange' (#ff8c00), and a bright 'Orange' (#ffa500). Ideal for designs that aim for vibrancy, warmth, and natural dynamism, these shades are perfect for evoking the changing seasons. Designers can utilize them to create lively and inviting aesthetics, while developers will find them excellent for building interfaces that feel energetic, natural, and visually engaging.

Best used for

Autumn festival branding and marketing
Outdoor adventure and nature-themed websites
Children's book illustrations or educational apps
Vibrant e-commerce sites for seasonal goods
Event posters for fall gatherings
Digital art and graphic design projects

Suggested color roles

primary

Use '#ff8c00' (Dark Orange) for main calls to action or significant headlines, demanding attention.

secondary

Apply '#d2691e' (Chocolate) for subheadings, navigation, or supporting elements, providing a grounded contrast.

accent

Leverage '#ffa500' (Orange) for highlights, interactive states, or small decorative details, adding an extra pop of brightness.

background

Consider a very light cream or near-white background to allow these vibrant colors to truly shine.

text

For lighter backgrounds, use '#a0522d' (Sienna) or a dark brown/charcoal for optimal readability. For darker elements, a near-white is effective.

Accessibility notes

Ensure strong contrast between all text and background pairings, especially with the brighter oranges.
Test '#ff8c00' or '#ffa500' as text colors against dark backgrounds for legibility.
Avoid placing light text on '#cd5c5c' without verifying contrast ratios for readability.
Use a contrast checker to ensure all color combinations meet WCAG AA standards, particularly for interactive elements.

Recommended combinations

Leaf Fire

Creates an intense, fiery gradient, perfect for eye-catching hero sections or impactful branding.

#FF8C00 · #D2691E · #A0522D

Autumn Berry

Excellent for highlighting key information or creating a playful yet warm layered effect in UI.

#CD5C5C · #FFA500 · #D2691E

Forest Edge

Suitable for bold backgrounds, vibrant accents, and strong text, offering a dynamic and natural design.

#A0522D · #FF8C00 · #CD5C5C

CSS variables

:root {
  --harvest-leaf-glow-1: #a0522d;
  --harvest-leaf-glow-2: #cd5c5c;
  --harvest-leaf-glow-3: #d2691e;
  --harvest-leaf-glow-4: #ff8c00;
  --harvest-leaf-glow-5: #ffa500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-leaf-glow": {
        1: "#a0522d",
        2: "#cd5c5c",
        3: "#d2691e",
        4: "#ff8c00",
        5: "#ffa500",
      }
    }
  }
}

Hex values

Color 1#a0522d

Color 2#cd5c5c

Color 3#d2691e

Color 4#ff8c00

Color 5#ffa500

Accessibility

Contrast checker

1.4:1Fail

1.5:1Fail

2.4:1Fail

2.8:1Fail

1.4:1Fail

1.1:1Fail

1.7:1Fail

2:1Fail

1.5:1Fail

1.1:1Fail

1.6:1Fail

1.8:1Fail

2.4:1Fail

1.7:1Fail

1.6:1Fail

1.2:1Fail

2.8:1Fail

2:1Fail

1.8:1Fail

1.2:1Fail

Similar palettes

More like Harvest Leaf Glow