Palette

Autumn Orchard Sunset

Warm, inviting tones reflecting the rich bounty and golden light of an autumn orchard sunset.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Orchard Sunset 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 Autumn Orchard Sunset.

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

Data visualization

#8B4513#CD853F#FFD700#FFCC00#FFA07A

Palette guide

How to use Autumn Orchard Sunset

Overview

The Autumn Orchard Sunset palette reflects the rich bounty and golden light of an autumn orchard at dusk. It features a deep saddle brown (#8B4513) for grounding, transitioning into a warm peru (#CD853F) and bright gold (#FFD700). A cheerful golden yellow (#FFCC00) adds a sunny glow, while a soft coral (#FFA07A) provides a delicate, warm highlight. This palette is exceptionally useful for designers and developers aiming to create projects with natural warmth, inviting comfort, and a serene, rustic aesthetic. From seasonal marketing and nature-inspired branding to engaging digital interfaces and elegant print materials, these hex codes provide a versatile range for visually appealing experiences.

Best used for

Autumnal event invitations
Rustic website and blog design
Gourmet food packaging
Harvest festival promotions
Digital art of sunset landscapes
Cozy home decor accents

Suggested color roles

primary

Utilize #8B4513 as a grounding primary color for strong foundational elements or significant content sections, conveying rustic stability.

secondary

Employ #CD853F for secondary headings or important content blocks, adding a warm and inviting brown-orange hue.

accent

Highlight interactive elements or key information with #FFD700 to ensure they pop with energetic, golden appeal.

background

A light, expansive background of #FFA07A creates a clean, warm canvas, allowing darker elements to stand out beautifully.

text

For optimal readability, use #8B4513 or a dark charcoal for body text on lighter backgrounds, or a crisp white on deeper hues.

Accessibility notes

Ensure sufficient contrast between #8B4513 text and #FFA07A background for WCAG AA compliance.
Avoid using #FFD700 or #FFCC00 for small text on similarly light backgrounds due to potential readability issues.
Test color combinations for users with color vision deficiencies, especially with the brown-orange-gold spectrum.
Provide clear visual cues beyond color for interactive states, particularly between #FFD700 and #FFCC00.

Recommended combinations

Sunset Ground

Creates a deep, grounded base with a warm accent and soft highlight, excellent for footers or natural headers.

#8B4513 · #CD853F · #FFA07A

Golden Glow

Ideal for energetic calls-to-action, festive banners, or graphic elements that evoke golden light.

#FFD700 · #FFCC00 · #CD853F

Warm Luster

Use for a warm, inviting background with deep text and a bright golden supporting color, suitable for content cards or alerts.

#FFA07A · #8B4513 · #FFD700

CSS variables

:root {
  --autumn-orchard-sunset-1: #8B4513;
  --autumn-orchard-sunset-2: #CD853F;
  --autumn-orchard-sunset-3: #FFD700;
  --autumn-orchard-sunset-4: #FFCC00;
  --autumn-orchard-sunset-5: #FFA07A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-orchard-sunset": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#FFD700",
        4: "#FFCC00",
        5: "#FFA07A",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#FFD700

Color 4#FFCC00

Color 5#FFA07A

Accessibility

Contrast checker

2.4:1Fail

5.1:1AA

4.7:1AA

3.6:1AA18

2.4:1Fail

2.1:1Fail

2:1Fail

1.5:1Fail

5.1:1AA

2.1:1Fail

1.1:1Fail

1.4:1Fail

4.7:1AA

2:1Fail

1.1:1Fail

1.3:1Fail

3.6:1AA18

1.5:1Fail

1.4:1Fail

1.3:1Fail

Similar palettes

More like Autumn Orchard Sunset

View all warm

Autumn Cider Festival

Autumn Orchard Gold

Autumn Pumpkin Patch

Ginger Harvest Hue

Harvest Pumpkin Patch

Harvest Spice Market