Palette

Golden Orchard Glow

Warm, inviting hues capturing the golden sunlight and ripe fruits of a bountiful autumn orchard.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Orchard 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 Golden Orchard Glow.

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

Data visualization

#A0522D#D2691E#FF8C00#FFD700#8B4513

Palette guide

How to use Golden Orchard Glow

Overview

The Golden Orchard Glow palette captures the essence of a bountiful autumn orchard, with warm, inviting hues perfect for creating a rich and cozy atmosphere. It features deep browns like #A0522D and #8B4513, complemented by a vibrant array of oranges and golds: #D2691E, #FF8C00, and #FFD700. This collection is excellent for designers and developers aiming to evoke the warmth of harvest, the richness of ripe fruits, or the comforting glow of golden sunlight. Its natural warmth makes it suitable for projects needing a robust yet inviting color scheme.

Best used for

Autumnal event branding and decor
Food and beverage packaging (harvest themes)
Cozy cafe or restaurant interior design
Rustic home decor styling
Educational materials about nature
Digital art with warm, inviting scenes

Suggested color roles

primary

Use #FFD700 as a bright, energetic golden yellow for primary elements, conveying light and vitality.

secondary

Apply #D2691E for rich, earthy orange sections, providing depth and a natural feel.

accent

Incorporate #FF8C00 as a vibrant, attention-grabbing orange for calls to action or key highlights, adding energy.

background

Utilize #8B4513 as a deep, grounding brown for backgrounds or footers, offering a solid and comforting base.

text

Employ #A0522D for strong contrast on lighter backgrounds, or use a near-white for text on #8B4513 to ensure readability.

Accessibility notes

Ensure #FFD700 and #FF8C00 have sufficient contrast with text when used as background colors; dark text is essential.
Dark text, such as #A0522D or black, is highly recommended on #FFD700 for optimal readability.
Avoid using #D2691E directly on #FF8C00 for text due to potential contrast issues; test thoroughly.
#8B4513 provides excellent contrast for lighter text, like #FFD700 or a near-white, making it suitable for dark mode.

Recommended combinations

Harvest Gold

Ideal for main branding, rich UI elements, or striking visual compositions that exude warmth.

#FFD700 · #D2691E · #8B4513

Orchard Sun

Perfect for vibrant calls to action, festive designs, or energetic highlights, offering a lively feel.

#FF8C00 · #FFD700 · #A0522D

Earthy Orchard

Great for natural backdrops, rustic interfaces, or grounding elements, emphasizing a robust, organic aesthetic.

#A0522D · #8B4513 · #D2691E

CSS variables

:root {
  --golden-orchard-glow-1: #A0522D;
  --golden-orchard-glow-2: #D2691E;
  --golden-orchard-glow-3: #FF8C00;
  --golden-orchard-glow-4: #FFD700;
  --golden-orchard-glow-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-orchard-glow": {
        1: "#A0522D",
        2: "#D2691E",
        3: "#FF8C00",
        4: "#FFD700",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#A0522D

Color 2#D2691E

Color 3#FF8C00

Color 4#FFD700

Color 5#8B4513

Accessibility

Contrast checker

1.5:1Fail

2.4:1Fail

4:1AA18

1.3:1Fail

1.5:1Fail

1.6:1Fail

2.6:1Fail

2:1Fail

2.4:1Fail

1.6:1Fail

1.7:1Fail

3:1AA18

4:1AA18

2.6:1Fail

1.7:1Fail

5.1:1AA

1.3:1Fail

2:1Fail

3:1AA18

5.1:1AA

Similar palettes

More like Golden Orchard Glow