Palette

Autumn Orchard Blend

A rich mix of deep purples, oranges, and earthy greens, celebrating the bounty of an autumn orchard.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9932CC#FF8C00#FFA500#8B0000#556B2F

Palette guide

How to use Autumn Orchard Blend

Overview

The Autumn Orchard Blend palette offers a rich and distinctive mix, celebrating the bounty of an autumn orchard. It features a striking deep purple (#9932CC) providing a unique anchor, complemented by vibrant oranges like #FF8C00 and #FFA500. A deep dark red (#8B0000) adds intensity, while an earthy olive green (#556B2F) grounds the entire collection. This palette is exceptionally useful for designers and developers aiming to create projects with a sophisticated, natural, and harvest-rich aesthetic. From engaging seasonal marketing and unique brand identities to vibrant digital illustrations and elegant packaging, these hex codes provide a versatile range for creating visually rich and memorable experiences.

Best used for

Seasonal marketing for specialty foods
Unique brand identity for artisanal products
Harvest-themed event design
Nature-inspired digital artwork
Website themes with a rustic-chic feel
Packaging for gourmet autumn treats

Suggested color roles

primary

Utilize #9932CC as a bold primary color for brand logos or key calls-to-action, creating a unique and sophisticated impression.

secondary

Employ #FF8C00 for secondary headings or important content blocks, adding a vibrant and energetic contrast.

accent

Highlight interactive elements or critical information with #FFA500 to ensure they pop with a bright, welcoming glow.

background

A light, neutral cream or beige background allows the richness of these colors to truly shine.

text

For optimal readability, use #8B0000 or a dark charcoal for body text on lighter backgrounds, or crisp white on #9932CC.

Accessibility notes

Ensure sufficient contrast between #8B0000 text and lighter backgrounds (e.g., a cream) for WCAG AA compliance.
Avoid using #FF8C00 or #FFA500 for small text on similarly bright backgrounds due to potential readability issues.
Test color combinations for users with color vision deficiencies, especially with the purple-red-orange contrast.
Provide clear visual cues beyond color for interactive states, particularly between #FF8C00 and #FFA500.

Recommended combinations

Rich Harvest

Creates a deep, grounded base with a vibrant, contrasting highlight, excellent for footers or strong headers.

#556B2F · #8B0000 · #FFA500

Bold & Bright

Ideal for energetic calls-to-action, unique banners, or graphic elements that demand immediate attention.

#9932CC · #FF8C00 · #556B2F

Orchard Glow

Perfect for a warm background with deep text and a sophisticated supporting color, suitable for content cards or alerts.

#FFA500 · #8B0000 · #9932CC

CSS variables

:root {
  --autumn-orchard-blend-1: #9932CC;
  --autumn-orchard-blend-2: #FF8C00;
  --autumn-orchard-blend-3: #FFA500;
  --autumn-orchard-blend-4: #8B0000;
  --autumn-orchard-blend-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-orchard-blend": {
        1: "#9932CC",
        2: "#FF8C00",
        3: "#FFA500",
        4: "#8B0000",
        5: "#556B2F",
      }
    }
  }
}

Hex values

Color 1#9932CC

Color 2#FF8C00

Color 3#FFA500

Color 4#8B0000

Color 5#556B2F

Accessibility

Contrast checker

2.4:1Fail

2.9:1Fail

1.8:1Fail

1:1Fail

2.4:1Fail

1.2:1Fail

4.3:1AA18

2.6:1Fail

2.9:1Fail

1.2:1Fail

5.1:1AA

3:1AA18

1.8:1Fail

4.3:1AA18

5.1:1AA

1.7:1Fail

1:1Fail

2.6:1Fail

3:1AA18

1.7:1Fail

Similar palettes

More like Autumn Orchard Blend

Harvest Orchard Sprout