Palette

Crisp Autumn Orchard

Vibrant reds and gentle yellows portray the rich colors of fruit-laden trees in an autumn orchard.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#B22222#CD5C5C#E9967A#F0E68C

Palette guide

How to use Crisp Autumn Orchard

Overview

The Crisp Autumn Orchard palette beautifully captures the essence of a fall harvest, featuring vibrant reds and gentle yellows reminiscent of fruit-laden trees. This collection includes the deep intensity of Dark Red (#8B0000) and Firebrick (#B22222), alongside the softer tones of Indian Red (#CD5C5C) and Light Salmon (#E9967A). A touch of Khaki (#F0E68C) provides a sun-kissed, earthy finish. Designers and developers can leverage these hues to create inviting, natural, and wholesome digital experiences. It's particularly effective for branding related to organic products, seasonal events, or any project aiming for a fresh yet warm autumnal aesthetic, ensuring visual appeal and comfort.

Best used for

Organic food and farm-to-table branding
Harvest festival event design
Children's book illustrations
Seasonal product packaging
Rustic wedding themes
Healthy lifestyle blogs

Suggested color roles

primary

A rich, inviting red (#B22222) for primary branding, hero sections, or significant calls to action, evoking warmth.

secondary

A softer red (#CD5C5C) for supporting content, subheadings, or background accents, providing a gentle contrast.

accent

A deep, strong accent (#8B0000) for important links, buttons, or decorative elements, adding depth and sophistication.

background

A light, warm yellow (#F0E68C) that serves as an excellent, bright backdrop, allowing other colors to stand out vibrantly.

text

Use Dark Red (#8B0000) or a deep charcoal like #333333 for clear, readable text on lighter backgrounds like #F0E68C or #E9967A.

Accessibility notes

#F0E68C is very light; ensure dark text (e.g., #8B0000) has sufficient contrast.
#E9967A may have limited contrast with other light colors for text.
Avoid using light text on #CD5C5C or #B22222 without verifying contrast ratios.
Strong reds like #8B0000 and #B22222 are good for high-contrast text on white or very light backgrounds.

Recommended combinations

Orchard Harvest

Ideal for fresh produce branding, farmers' market promotions, or cheerful autumnal websites.

#F0E68C · #E9967A · #B22222

Ripe Berry

Excellent for sophisticated food blogs, wine labels, or elegant seasonal event invitations.

#8B0000 · #CD5C5C · #E9967A

Golden Apple

Suitable for educational materials, children's interfaces, or natural product packaging with a vibrant touch.

#F0E68C · #B22222 · #8B0000

CSS variables

:root {
  --crisp-autumn-orchard-1: #8B0000;
  --crisp-autumn-orchard-2: #B22222;
  --crisp-autumn-orchard-3: #CD5C5C;
  --crisp-autumn-orchard-4: #E9967A;
  --crisp-autumn-orchard-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crisp-autumn-orchard": {
        1: "#8B0000",
        2: "#B22222",
        3: "#CD5C5C",
        4: "#E9967A",
        5: "#F0E68C",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#B22222

Color 3#CD5C5C

Color 4#E9967A

Color 5#F0E68C

Accessibility

Contrast checker

1.5:1Fail

2.5:1Fail

4.3:1AA18

7.8:1AAA

1.5:1Fail

1.7:1Fail

2.9:1Fail

5.2:1AA

2.5:1Fail

1.7:1Fail

3.1:1AA18

4.3:1AA18

2.9:1Fail

1.7:1Fail

1.8:1Fail

7.8:1AAA

5.2:1AA

3.1:1AA18

1.8:1Fail

Similar palettes

More like Crisp Autumn Orchard

Crisp Autumn Orchard

See it in context.

Ready when you are.

Built with Crisp Autumn Orchard.

How to use Crisp Autumn Orchard

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Orchard Harvest

Ripe Berry

Golden Apple

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Crisp Autumn Orchard