Palette

Harvest Gold Abundance

Radiant yellows and rich goldens mirroring the bounty of sun-drenched harvest fields under a clear sky.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Harvest Gold Abundance 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 Gold Abundance.

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

Data visualization

#E2B300#FFD147#FFE597#FFFAE1#9C6E00

Palette guide

How to use Harvest Gold Abundance

Overview

The Harvest Gold Abundance palette radiates with the rich, sun-drenched bounty of harvest fields under a clear sky, offering a luxurious spectrum of golden yellows. From the opulent deep gold #E2B300 to the bright, cheerful #FFD147 and a soft, radiant #FFE597, this collection exudes warmth and prosperity. A near-white cream #FFFAE1 provides an airy, clean backdrop, while the rich, warm brown #9C6E00 anchors the palette with sophisticated depth. This palette is an excellent choice for designers and developers aiming to create elegant, abundant, and naturally luminous digital or physical experiences.

Best used for

Luxury branding with a golden, opulent aesthetic
High-end food packaging and gourmet product lines
Celebratory event themes and sophisticated invitations
Financial services and wealth management platforms
Educational platforms and online courses with a premium feel
Web design for upscale boutiques or jewelry brands

Suggested color roles

primary

Utilize #E2B300 as the rich, opulent gold primary, ideal for bold headings, significant branding elements, or calls to action.

secondary

Employ #FFD147 for supporting elements and subheadings, offering a bright, cheerful golden yellow that complements the primary's richness.

accent

Introduce #FFE597 as a soft, radiant highlight for delicate details, decorative accents, or subtle gradients, adding a luminous touch.

background

Apply #FFFAE1 as an airy, clean off-white background, providing a pristine and spacious canvas that enhances the golden hues.

text

Designate #9C6E00 for body text and important information, ensuring strong readability and a deep, warm brown contrast.

Accessibility notes

Text on #FFFAE1, #FFE597, and #FFD147 should be in #9C6E00 for optimal contrast and readability.
Ensure sufficient contrast when pairing #E2B300 with #FFD147 for smaller text, as their luminance can be similar.
The darkest color, #9C6E00, provides excellent contrast for white or very light text, suitable for dark mode sections or bold statements.
For backgrounds using the lightest shades, prioritize clear, legible fonts and adequate spacing to prevent eye strain.

Recommended combinations

Golden Glow

Creates a radiant, shimmering effect, perfect for luxurious hero sections or celebratory visuals.

#E2B300 · #FFD147 · #FFE597

Rich Contrast

Provides a sophisticated, high-contrast look, ideal for elegant branding or impactful headers.

#9C6E00 · #E2B300 · #FFFAE1

Subtle Shine

Delivers a delicate and ethereal aesthetic, suitable for soft backgrounds or minimalist designs.

#FFFAE1 · #FFE597 · #FFD147

CSS variables

:root {
  --harvest-gold-abundance-1: #E2B300;
  --harvest-gold-abundance-2: #FFD147;
  --harvest-gold-abundance-3: #FFE597;
  --harvest-gold-abundance-4: #FFFAE1;
  --harvest-gold-abundance-5: #9C6E00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-gold-abundance": {
        1: "#E2B300",
        2: "#FFD147",
        3: "#FFE597",
        4: "#FFFAE1",
        5: "#9C6E00",
      }
    }
  }
}

Hex values

Color 1#E2B300

Color 2#FFD147

Color 3#FFE597

Color 4#FFFAE1

Color 5#9C6E00

Accessibility

Contrast checker

1.4:1Fail

1.6:1Fail

1.9:1Fail

2.3:1Fail

1.4:1Fail

1.2:1Fail

1.4:1Fail

3.1:1AA18

1.6:1Fail

1.2:1Fail

3.6:1AA18

1.9:1Fail

1.4:1Fail

1.2:1Fail

4.3:1AA18

2.3:1Fail

3.1:1AA18

3.6:1AA18

4.3:1AA18

Similar palettes

More like Harvest Gold Abundance

Harvest Gold Abundance

See it in context.

Ready when you are.

Built with Harvest Gold Abundance.

How to use Harvest Gold Abundance

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Golden Glow

Rich Contrast

Subtle Shine

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Harvest Gold Abundance