Palette

Golden Harvest Ale

Warm, inviting hues capturing the essence of a rich, golden brew and autumn's bounty.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Harvest Ale 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 Golden Harvest Ale.

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

Data visualization

#D4AF37#F0CC64#FFE7A1#B38C1F#8C6A0A

Palette guide

How to use Golden Harvest Ale

Overview

The "Golden Harvest Ale" palette captures the inviting essence of a rich, golden brew and the bountiful spirit of autumn's harvest. Featuring a sophisticated range from the bright #D4AF37 to the creamy #FFE7A1, anchored by the deeper #B38C1F and #8C6A0A, this palette exudes warmth, comfort, and tradition. Designers and developers will find these hues perfect for creating designs that feel authentic, artisanal, and established. It's an excellent choice for projects aiming to evoke a sense of craftsmanship, natural ingredients, and cozy sophistication, making it ideal for branding and digital experiences related to food, drink, and heritage.

Best used for

Craft brewery or distillery branding
Packaging for gourmet food products
Autumn seasonal marketing campaigns
Websites for traditional pubs or bakeries
Interior design for cozy cafes or restaurants
Vintage-inspired graphic design projects

Suggested color roles

primary

#D4AF37 (Golden Ale) - Use for prominent branding, main headings, or key calls-to-action to establish a rich, inviting presence.

secondary

#F0CC64 (Light Golden) - Ideal for subheadings, background sections, or supporting elements, offering a softer, approachable warmth.

accent

#B38C1F (Deep Gold) - Deploy sparingly for impactful highlights, icons, or to add a touch of sophisticated depth and contrast.

background

#FFE7A1 (Pale Creamy Gold) provides a soft, luminous base that allows darker elements to stand out gently and harmoniously.

text

#8C6A0A (Dark Brownish Gold) for headings, or a deep charcoal for body text, ensuring excellent readability against lighter backgrounds.

Accessibility notes

Ensure #FFE7A1 and #F0CC64 have sufficient contrast when used for background text.
Pair #D4AF37 with darker text like #8C6A0A or black for optimal readability.
Be cautious when using #B38C1F for small text elements on similar mid-tone backgrounds.
Avoid relying solely on color differences between #D4AF37 and #F0CC64 for conveying critical information.

Recommended combinations

Rich Brew

Creates a robust and inviting contrast, perfect for product labels or hero sections.

#D4AF37 · #8C6A0A · #FFE7A1

Creamy Gold

Ideal for soft, elegant backgrounds with layered text or subtle branding.

#FFE7A1 · #F0CC64 · #B38C1F

Harvest Depth

Offers strong, grounded contrasts, suitable for footers, navigation, or bold statements.

#8C6A0A · #B38C1F · #D4AF37

CSS variables

:root {
  --golden-harvest-ale-1: #D4AF37;
  --golden-harvest-ale-2: #F0CC64;
  --golden-harvest-ale-3: #FFE7A1;
  --golden-harvest-ale-4: #B38C1F;
  --golden-harvest-ale-5: #8C6A0A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-harvest-ale": {
        1: "#D4AF37",
        2: "#F0CC64",
        3: "#FFE7A1",
        4: "#B38C1F",
        5: "#8C6A0A",
      }
    }
  }
}

Hex values

Color 1#D4AF37

Color 2#F0CC64

Color 3#FFE7A1

Color 4#B38C1F

Color 5#8C6A0A

Accessibility

Contrast checker

1.4:1Fail

1.7:1Fail

1.5:1Fail

2.4:1Fail

1.4:1Fail

1.3:1Fail

2:1Fail

3.2:1AA18

1.7:1Fail

1.3:1Fail

2.6:1Fail

4.1:1AA18

1.5:1Fail

2:1Fail

2.6:1Fail

1.6:1Fail

2.4:1Fail

3.2:1AA18

4.1:1AA18

1.6:1Fail

Similar palettes

More like Golden Harvest Ale

View all warm

Honeycomb Harvest Gold

Amber Grain Harvest

Autumn Equinox Rich

Autumn Orchard Harvest

Autumn Orchard Yield

Golden Harvest Field