Back to palettes

Palette

Harvest Moon Serenade

Rich, fiery hues of an abundant autumn harvest bathed in the glow of a harvest moon.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#B22222#FF4500#FF8C00#FFD700

Palette guide

How to use Harvest Moon Serenade

Overview

The Harvest Moon Serenade palette ignites with rich, fiery hues, capturing the abundant energy of an autumn harvest bathed in the glow of a vibrant moon. From the deep, passionate #8B0000 to the luminous #FFD700, this collection offers a bold and energetic feel. Designers can leverage hex codes like #FF4500 and #FF8C00 to craft high-impact branding, exciting event promotions, or dynamic digital campaigns. This palette is perfect for projects that aim to convey passion, celebration, and spirited vitality, blending intense reds and oranges with bright golds for a truly captivating visual experience.

Best used for

  • High-energy event promotions and festivals
  • Sports team branding and merchandise
  • Festive holiday marketing and sales campaigns
  • Bold food and beverage packaging
  • Dynamic and vibrant digital interfaces
  • Artistic projects requiring intense warmth

Suggested color roles

primary

Utilize #FF4500 as a bold, energetic focal orange for primary calls to action, prominent headlines, or high-impact brand elements.

secondary

Employ #B22222 for supporting sections, subheadings, or graphic details that require a rich, strong red presence.

accent

Apply #FFD700 as a luminous, bright highlight for interactive states, subtle glows, or decorative details, adding a touch of brilliance.

background

For a dramatic dark theme, #8B0000 can serve as a powerful background. For a lighter approach, a crisp off-white or very light cream would pair well.

text

For optimal readability, #8B0000 provides strong contrast against lighter yellows and oranges. On darker backgrounds like #8B0000, a crisp white or #FFD700 works perfectly for text.

Accessibility notes

  • Crucially, ensure #8B0000 text on #FFD700 or #FF8C00 backgrounds meets WCAG AA contrast for readability.
  • Avoid placing #FF4500 text directly on #FF8C00 backgrounds due to extremely low contrast.
  • The deep #8B0000 offers excellent contrast for text on any of the brighter, warmer tones.
  • Consider larger font sizes or bolder weights for text in #B22222 on backgrounds like #FF4500 to improve legibility.

Recommended combinations

Fiery Impact

Creates a powerful, energetic contrast, ideal for bold headlines or calls to action against a deep, passionate background.

#8B0000 · #FF4500 · #B22222

Sunset Gradient

Excellent for smooth background gradients, vibrant overlays, or decorative elements that evoke a fiery sunset.

#FF8C00 · #FFD700 · #B22222

Harvest Glow

Use for cohesive branding elements, layered graphics, or a vibrant, energetic color block, blending red, orange, and gold.

#B22222 · #FFD700 · #FF4500

CSS variables

:root {
  --harvest-moon-serenade-1: #8B0000;
  --harvest-moon-serenade-2: #B22222;
  --harvest-moon-serenade-3: #FF4500;
  --harvest-moon-serenade-4: #FF8C00;
  --harvest-moon-serenade-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-moon-serenade": {
        1: "#8B0000",
        2: "#B22222",
        3: "#FF4500",
        4: "#FF8C00",
        5: "#FFD700",
      }
    }
  }
}

Related searches

fiery autumn paletteenergetic red orangeharvest celebration colorsbold warm palettevibrant sunset colors

Palette colors

Hex values

Color 1#8B0000
·
Color 2#B22222
·
Color 3#FF4500
·
Color 4#FF8C00
·
Color 5#FFD700
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.9:1Fail
4.3:1AA18
7.1:1AAA
2
1.5:1Fail
1.9:1Fail
2.9:1Fail
4.8:1AA
3
2.9:1Fail
1.9:1Fail
1.5:1Fail
2.5:1Fail
4
4.3:1AA18
2.9:1Fail
1.5:1Fail
1.7:1Fail
5
7.1:1AAA
4.8:1AA
2.5:1Fail
1.7:1Fail

Similar palettes

More like Harvest Moon Serenade

View all warm
Amber Harvest Nectar
Bright Autumn Orchard
Gourd Harvest Gold
Harvest Festival Plume
Harvest Orchard Gold
Spiced Orange Rind