Palette

Autumn Harvest Berry

Rich, deep reds and autumnal golds reflecting the bounty and warmth of a fall berry harvest.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Harvest Berry 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 Harvest Berry.

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

Data visualization

#8B0000#CD5C5C#800000#B22222#DAA520

Palette guide

How to use Autumn Harvest Berry

Overview

The "Autumn Harvest Berry" palette features rich, deep reds and autumnal golds, reflecting the bounty and warmth of a fall berry harvest. It includes the intense, deep reds of #8B0000, #800000, and #B22222, alongside the softer coral-red of #CD5C5C, and is brightened by the radiant golden yellow of #DAA520. This collection is perfect for designs aiming to evoke natural warmth, rustic charm, and a sense of comforting abundance. Designers and developers can utilize these harmonious hues for creating inviting interfaces, organic branding, or evocative seasonal content.

Best used for

Food and beverage packaging, especially jams or wines
Autumnal themed event invitations and decor
Rustic farm-to-table restaurant branding
Seasonal marketing campaigns and social media
User interfaces with a warm, rich feel
Digital art and illustrations of berries and harvest

Suggested color roles

primary

#B22222 - A rich, fiery red that serves as an excellent focal point for branding, call-to-action buttons, or main headings.

secondary

#DAA520 - A radiant golden yellow that provides a luminous supporting role for subheadings, highlights, or secondary navigation.

accent

#CD5C5C - A soft, warm coral-red that adds a gentle touch, perfect for interactive elements, icons, or subtle decorative details.

background

#800000 - A very deep, rich maroon that provides a strong, opulent base, allowing brighter reds and golds to stand out.

text

White or light cream for optimal readability against dark backgrounds like #800000. For text on #CD5C5C, use #8B0000.

Accessibility notes

Ensure sufficient contrast for text, especially when using #CD5C5C on #B22222 or #8B0000.
For body text on #800000, use white or a very light cream to meet WCAG AA standards.
Avoid using #B22222 for small text on #8B0000 due to potential readability issues.
Test interactive elements for clear visual feedback and sufficient contrast in all states.

Recommended combinations

Berry Gold

Combines bright gold with deep reds for striking contrast and a luxurious, autumnal feel.

#DAA520 · #B22222 · #800000

Rich Harvest

A strong blend of deep red, soft coral, and radiant gold, excellent for creating inviting sections or visual accents.

#8B0000 · #CD5C5C · #DAA520

Deep Red Blend

Creates a smooth transition of deep to soft reds, ideal for backgrounds, headers, or sophisticated visual elements.

#800000 · #B22222 · #CD5C5C

CSS variables

:root {
  --autumn-harvest-berry-1: #8B0000;
  --autumn-harvest-berry-2: #CD5C5C;
  --autumn-harvest-berry-3: #800000;
  --autumn-harvest-berry-4: #B22222;
  --autumn-harvest-berry-5: #DAA520;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-harvest-berry": {
        1: "#8B0000",
        2: "#CD5C5C",
        3: "#800000",
        4: "#B22222",
        5: "#DAA520",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#CD5C5C

Color 3#800000

Color 4#B22222

Color 5#DAA520

Accessibility

Contrast checker

2.5:1Fail

1.1:1Fail

1.5:1Fail

4.5:1AA18

2.5:1Fail

2.8:1Fail

1.7:1Fail

1.8:1Fail

1.1:1Fail

2.8:1Fail

1.6:1Fail

4.9:1AA

1.5:1Fail

1.7:1Fail

1.6:1Fail

3:1Fail

4.5:1AA18

1.8:1Fail

4.9:1AA

3:1Fail

Similar palettes

More like Autumn Harvest Berry

View all warm

Autumn Cider Spill

Cinnamon Cider Warmth