Palette

Harvest Moon Glow

Warm, inviting golds and oranges, capturing the soft, rich glow of a harvest moon.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CC7722#FFA500#FFD700#FFDEAD#8B4513

Palette guide

How to use Harvest Moon Glow

Overview

The Harvest Moon Glow palette radiates with warm, inviting golds and oranges, capturing the soft, rich illumination of an autumn moon. From the vibrant #FFA500 to the deep, grounding #8B4513, these colors offer an energetic yet cozy feel. Designers can use hex codes like #CC7722 and #FFD700 to create compelling autumnal branding, festive event materials, or warm digital interfaces. This palette is perfect for projects that aim to convey joy, abundance, and comfort, evoking the natural beauty and warmth of the harvest season with a luminous quality.

Best used for

Autumnal festival and event branding
Food and beverage packaging (especially baked goods)
Cozy lifestyle blogs and e-commerce stores
Festive holiday marketing campaigns
Warm and inviting digital user interfaces
Children's book illustrations and educational materials

Suggested color roles

primary

Utilize #FFA500 as a bright, inviting focal point for calls to action, prominent headlines, or energetic brand elements.

secondary

Employ #CC7722 for supporting sections, subheadings, or graphic details that require a rich, warm orange.

accent

Apply #FFD700 sparingly for luminous highlights, subtle glows, or interactive states, adding a touch of brilliance.

background

Use #FFDEAD as a soft, warm background, providing excellent readability for darker text and a gentle, inviting canvas.

text

For primary text on lighter backgrounds, #8B4513 offers strong contrast and a natural, earthy feel. A crisp white or very light cream works best for text on darker shades like #8B4513.

Accessibility notes

Ensure #8B4513 text on #FFDEAD background meets WCAG AA contrast standards for essential readability.
Avoid placing #FFA500 text directly on #FFD700 backgrounds, as contrast will be very low.
Prioritize using the darkest color, #8B4513, for crucial text elements on lighter tones within the palette.
Consider using larger font sizes or bolder weights for text in #CC7722 on #FFDEAD to improve legibility.

Recommended combinations

Fiery Contrast

Creates a bold, energetic contrast, perfect for headlines or call-to-action buttons.

#8B4513 · #FFA500 · #CC7722

Golden Glow

Ideal for subtle gradients, background textures, or decorative elements that need a soft, luminous effect.

#FFD700 · #FFDEAD · #FFA500

Rich Autumn Blend

Use for cohesive branding elements, layered graphics, or a warm, inviting color block.

#CC7722 · #8B4513 · #FFDEAD

CSS variables

:root {
  --harvest-moon-glow-2-1: #CC7722;
  --harvest-moon-glow-2-2: #FFA500;
  --harvest-moon-glow-2-3: #FFD700;
  --harvest-moon-glow-2-4: #FFDEAD;
  --harvest-moon-glow-2-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-moon-glow-2": {
        1: "#CC7722",
        2: "#FFA500",
        3: "#FFD700",
        4: "#FFDEAD",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#CC7722

Color 2#FFA500

Color 3#FFD700

Color 4#FFDEAD

Color 5#8B4513

Accessibility

Contrast checker

1.7:1Fail

2.4:1Fail

2.6:1Fail

2.1:1Fail

1.7:1Fail

1.4:1Fail

1.5:1Fail

3.6:1AA18

2.4:1Fail

1.4:1Fail

1.1:1Fail

5.1:1AA

2.6:1Fail

1.5:1Fail

1.1:1Fail

5.5:1AA

2.1:1Fail

3.6:1AA18

5.1:1AA

5.5:1AA

Similar palettes

More like Harvest Moon Glow

View all warm

Harvest Pumpkin Patch

Autumn Cider Festival