Palette

Harvest Orchard Gold

Rich, autumnal tones reminiscent of a bountiful harvest, ripe with the warmth of the sun and spices.

warmenergetic5 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

#C1440E#FF8C00#FFA500#FBB02D#FDF7C3

Palette guide

How to use Harvest Orchard Gold

Overview

The Harvest Orchard Gold palette is a vibrant and energetic collection, brimming with the warmth of sun-kissed fruits and spices. Featuring bright oranges like #FFA500 (Orange) and #FF8C00 (Dark Orange), alongside the radiant #FBB02D (Saffron) and a soft #FDF7C3 (Creamy Yellow), this palette is designed to evoke a sense of joyous abundance. The deeper #C1440E (Burnt Orange) grounds the scheme, adding a touch of rustic sophistication. Designers seeking to create lively, inviting, and celebratory visuals will find this palette perfect for capturing the spirit of a bountiful autumnal harvest.

Best used for

Festive event promotions
Energetic brand identities
Children's product designs
Food and beverage packaging
Seasonal marketing campaigns
Vibrant website themes

Suggested color roles

primary

Utilize #FFA500 (Orange) as a bright, energetic main color, perfect for capturing attention and conveying enthusiasm.

secondary

Apply #FF8C00 (Dark Orange) to add depth and warmth, complementing the primary and providing a richer tone for supporting elements.

accent

Employ #FBB02D (Saffron) as a radiant highlight, ideal for calls to action, important details, or a burst of cheerfulness.

background

Use #FDF7C3 (Creamy Yellow) as a light, airy, and welcoming background, allowing the brighter oranges to truly pop.

text

Opt for #C1440E (Burnt Orange) for body text and headings, ensuring excellent readability and a harmonious, warm feel, or a deep charcoal for general readability.

Accessibility notes

Ensure #C1440E or a dark charcoal text on #FDF7C3 has excellent contrast for all text sizes.
Avoid placing light text colors like #FBB02D directly on #FFA500 or #FF8C00 due to potential low contrast.
Check contrast ratios for interactive elements, especially if using similar mid-tones like #FFA500 and #FF8C00.
For small text, always use the darkest available color against the lightest background to ensure legibility.

Recommended combinations

Zesty Pop

Excellent for vibrant calls to action, festive banners, or elements that need to convey high energy and cheer.

#FFA500 · #FBB02D · #C1440E

Warm Gradient

Creates soft, inviting transitions in headers, background graphics, or visual elements that require a gentle flow.

#FF8C00 · #FFA500 · #FDF7C3

Rich Contrast

Provides clear hierarchy for information, ideal for content blocks where readability and a strong visual anchor are important.

#C1440E · #FDF7C3 · #FF8C00

CSS variables

:root {
  --harvest-orchard-gold-2-1: #C1440E;
  --harvest-orchard-gold-2-2: #FF8C00;
  --harvest-orchard-gold-2-3: #FFA500;
  --harvest-orchard-gold-2-4: #FBB02D;
  --harvest-orchard-gold-2-5: #FDF7C3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-orchard-gold-2": {
        1: "#C1440E",
        2: "#FF8C00",
        3: "#FFA500",
        4: "#FBB02D",
        5: "#FDF7C3",
      }
    }
  }
}

Hex values

Color 1#C1440E

Color 2#FF8C00

Color 3#FFA500

Color 4#FBB02D

Color 5#FDF7C3

Accessibility

Contrast checker

2.2:1Fail

2.6:1Fail

2.8:1Fail

4.7:1AA

2.2:1Fail

1.2:1Fail

1.3:1Fail

2.1:1Fail

2.6:1Fail

1.2:1Fail

1.1:1Fail

1.8:1Fail

2.8:1Fail

1.3:1Fail

1.1:1Fail

1.7:1Fail

4.7:1AA

2.1:1Fail

1.8:1Fail

1.7:1Fail

Similar palettes

More like Harvest Orchard Gold

View all warm

Bright Autumn Orchard

Gourd Harvest Gold

Amber Harvest Nectar

Autumn Apple Basket

Harvest Festival Delight

Harvest Festival Plume