Back to palettes

Palette

Harvest Moon Glow

Soft, golden hues capture the gentle, warm radiance of a harvest moon rising over a quiet landscape.

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

#F9D776#FAD896#FBE3B7#FFF2D2#FFF9E9

Palette guide

How to use Harvest Moon Glow

Overview

The Harvest Moon Glow palette captures the gentle, warm radiance of a harvest moon with soft, golden hues. This ethereal collection, from the subtle vibrancy of #F9D776 to the delicate lightness of #FFF9E9, offers an exceptionally light and airy aesthetic. Designers and developers can leverage these hex codes to create serene, delicate, and inviting digital experiences or print materials. The subtle variations between #FAD896 and #FBE3B7 are perfect for crafting nuanced gradients or soft background textures, making it ideal for projects that seek a sense of tranquility, purity, and understated warmth.

Best used for

  • Wedding stationery and elegant invitations
  • Baby product branding and nursery decor
  • Spa and wellness retreat websites
  • Soft and minimalist user interface designs
  • Celestial or dreamy artistic projects
  • Light and airy lifestyle blogs

Suggested color roles

primary

Utilize #F9D776 as the primary soft golden glow for subtle headers or prominent decorative elements, offering gentle warmth.

secondary

Employ #FAD896 for supporting content areas, subheadings, or background elements that need a touch more presence than the lightest tones.

accent

Apply #FBE3B7 for very delicate accents, hover states, or subtle graphical details, maintaining a light and airy feel.

background

Use #FFF9E9 as the main background color, providing a clean, near-white canvas that maximizes clarity and serenity.

text

For optimal readability, a deep charcoal or black is recommended for primary text on these very light backgrounds. #F9D776 can be used for large headings on #FFF9E9, but check contrast carefully.

Accessibility notes

  • Crucially, use a very dark text color (e.g., black or charcoal) for all body text on these light backgrounds for WCAG AA compliance.
  • Avoid using any of the palette's colors for text on each other, as contrast will be extremely low and unreadable.
  • Ensure interactive elements have clear visual states beyond just color changes, due to the subtle differences.
  • Consider larger font sizes for any text set in colors from this palette to enhance legibility, even if contrast is technically sufficient.

Recommended combinations

Soft Glow Contrast

Creates a very gentle, ethereal contrast, best for large, decorative text or subtle background layering.

#F9D776 · #FFF9E9 · #FAD896

Nuanced Gradient

Ideal for smooth background gradients, soft overlays, or delicate transitions in UI elements.

#FAD896 · #FBE3B7 · #FFF2D2

Highlight & Base

Use for building a light, airy base with a slightly warmer highlight for elements like buttons or cards.

#FFF2D2 · #FFF9E9 · #F9D776

CSS variables

:root {
  --harvest-moon-glow-1: #F9D776;
  --harvest-moon-glow-2: #FAD896;
  --harvest-moon-glow-3: #FBE3B7;
  --harvest-moon-glow-4: #FFF2D2;
  --harvest-moon-glow-5: #FFF9E9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-moon-glow": {
        1: "#F9D776",
        2: "#FAD896",
        3: "#FBE3B7",
        4: "#FFF2D2",
        5: "#FFF9E9",
      }
    }
  }
}

Related searches

light gold paletteethereal yellowsoft moon glowdelicate warm colorsminimal celestial

Palette colors

Hex values

Color 1#F9D776
·
Color 2#FAD896
·
Color 3#FBE3B7
·
Color 4#FFF2D2
·
Color 5#FFF9E9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.1:1Fail
1.3:1Fail
1.3:1Fail
2
1:1Fail
1.1:1Fail
1.2:1Fail
1.3:1Fail
3
1.1:1Fail
1.1:1Fail
1.1:1Fail
1.2:1Fail
4
1.3:1Fail
1.2:1Fail
1.1:1Fail
1.1:1Fail
5
1.3:1Fail
1.3:1Fail
1.2:1Fail
1.1:1Fail

Similar palettes

More like Harvest Moon Glow

View all warm
Amber Vineyard Dusk
Autumn Harvest Gold
Autumn Orchard Harvest
Autumn Orchard Yield
Golden Harvest Fields
Golden Harvest Fields