Palette

Harvest Orchard Gold

Rich browns and radiant golds celebrate the bounty of an autumnal orchard, full of ripe, sun-kissed fruits.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#A0522D#DAA520#FFD700#FFEBCD

Palette guide

How to use Harvest Orchard Gold

Overview

The Harvest Orchard Gold palette is a sophisticated blend of rich browns and radiant golds, celebrating the bounty of an autumnal orchard. This collection features the deep #8B4513 (Saddle Brown) and #A0522D (Sienna), providing a grounding, rustic foundation. Luminous golds like #DAA520 (Goldenrod) and #FFD700 (Gold) add a touch of luxury and warmth, reminiscent of sun-kissed fruits. The soft #FFEBCD (Blanched Almond) offers a gentle, airy base, ensuring the palette feels both opulent and natural. Ideal for designers aiming for a high-end, traditional, or elegantly rustic aesthetic.

Best used for

Rustic luxury brand identities
Artisan food product packaging
Traditional crafts and textiles
Autumnal wedding themes
High-end farm-to-table restaurants
Elegant seasonal invitations

Suggested color roles

primary

Use #A0522D (Sienna) as a deep, sophisticated main brand color, conveying warmth and tradition.

secondary

Apply #DAA520 (Goldenrod) to add a rich, inviting glow, complementing the primary and highlighting key elements.

accent

Employ #FFD700 (Gold) as a luxurious highlight, perfect for calls to action, metallic accents, or premium details.

background

Utilize #FFEBCD (Blanched Almond) as a soft, light, and airy background, allowing the richer colors to stand out beautifully.

text

Select #8B4513 (Saddle Brown) for body text and headings, providing excellent contrast and a natural, elegant feel, or a deep charcoal for general readability.

Accessibility notes

Ensure #8B4513 or a dark charcoal text on #FFEBCD has excellent contrast for clear readability.
Avoid using #DAA520 or #FFD700 as text colors on light backgrounds without sufficient font size and weight.
Check contrast for interactive elements, especially if using lighter gold shades, to ensure usability.
For optimal legibility, use a darker, highly contrasted color for small text against lighter backgrounds.

Recommended combinations

Golden Harvest

Ideal for elegant headers, prominent calls to action, or sections where a luxurious, inviting feel is desired.

#FFD700 · #A0522D · #FFEBCD

Earthy Richness

Perfect for strong, traditional branding, footers, or elements requiring deep, grounded visual impact.

#8B4513 · #DAA520 · #A0522D

Soft Glow

Use for subtle background textures, delicate accents, or supporting graphics that need a gentle yet warm presence.

#FFEBCD · #DAA520 · #A0522D

CSS variables

:root {
  --harvest-orchard-gold-1: #8B4513;
  --harvest-orchard-gold-2: #A0522D;
  --harvest-orchard-gold-3: #DAA520;
  --harvest-orchard-gold-4: #FFD700;
  --harvest-orchard-gold-5: #FFEBCD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-orchard-gold": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#DAA520",
        4: "#FFD700",
        5: "#FFEBCD",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#A0522D

Color 3#DAA520

Color 4#FFD700

Color 5#FFEBCD

Accessibility

Contrast checker

1.3:1Fail

3.2:1AA18

5.1:1AA

6.1:1AA

1.3:1Fail

2.5:1Fail

4:1AA18

4.8:1AA

3.2:1AA18

2.5:1Fail

1.6:1Fail

1.9:1Fail