Palette

Autumn Orchard Plums

The rich, inviting colors of ripe plums from an autumn orchard, full of rustic charm.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5F2E3A#8D3A50#B8506C#E17789#B87B7C

Palette guide

How to use Autumn Orchard Plums

Overview

The Autumn Orchard Plums palette is rich and inviting, drawing inspiration from ripe plums in an autumn orchard. It features a deep plum (#5F2E3A) and a rich maroon (#8D3A50), embodying rustic charm. A vibrant dusty rose (#B8506C) offers a lively accent, while a softer light pink (#E17789) provides a delicate highlight. A muted rose-brown (#B87B7C) adds a touch of vintage appeal. This palette is exceptionally useful for designers and developers aiming to create projects with a sophisticated, natural, and cozy aesthetic. From elegant seasonal marketing and unique brand identities to engaging digital interfaces and charming print materials, these hex codes provide a versatile range for visually appealing experiences.

Best used for

Gourmet food and beverage branding
Autumnal wedding invitations
Rustic chic e-commerce websites
Farm-to-table restaurant branding
Digital illustrations of fruits
Cozy boutique interior mockups

Suggested color roles

primary

Utilize #5F2E3A as a deep, sophisticated primary color for foundational elements or significant content sections, conveying rustic elegance.

secondary

Employ #8D3A50 for secondary headings or important content blocks, adding a rich, inviting maroon hue.

accent

Highlight interactive elements or key information with #B8506C to ensure they pop with a vibrant, charming appeal.

background

A light, expansive background of #E17789 or #B87B7C creates a soft, warm canvas, allowing darker elements to stand out beautifully.

text

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

Accessibility notes

Ensure sufficient contrast between #5F2E3A text and #E17789 or #B87B7C backgrounds for WCAG AA compliance.
Avoid using #B8506C or #E17789 for small text on similarly light backgrounds due to potential readability issues.
Test color combinations for users with color vision deficiencies, especially within the red-pink-plum spectrum.
Provide clear visual cues beyond color for interactive states, particularly between #8D3A50 and #B8506C.

Recommended combinations

Plum Depth

Creates a deep, sophisticated base with a vibrant accent and soft highlight, excellent for footers or elegant headers.

#5F2E3A · #8D3A50 · #E17789

Rustic Bloom

Ideal for energetic calls-to-action, charming banners, or graphic elements that evoke ripe fruit.

#B8506C · #E17789 · #8D3A50

Soft Vintage

Use for a muted, inviting background with deep text and a vibrant supporting color, suitable for content cards or alerts.

#B87B7C · #5F2E3A · #B8506C

CSS variables

:root {
  --autumn-orchard-plums-1: #5F2E3A;
  --autumn-orchard-plums-2: #8D3A50;
  --autumn-orchard-plums-3: #B8506C;
  --autumn-orchard-plums-4: #E17789;
  --autumn-orchard-plums-5: #B87B7C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-orchard-plums": {
        1: "#5F2E3A",
        2: "#8D3A50",
        3: "#B8506C",
        4: "#E17789",
        5: "#B87B7C",
      }
    }
  }
}

Hex values

Color 1#5F2E3A

Color 2#8D3A50

Color 3#B8506C

Color 4#E17789

Color 5#B87B7C

Accessibility

Contrast checker

1.5:1Fail

2.3:1Fail

3.7:1AA18

3.2:1AA18

1.5:1Fail

2.5:1Fail

2.2:1Fail

2.3:1Fail

1.5:1Fail

1.6:1Fail

1.4:1Fail

3.7:1AA18

2.5:1Fail

1.6:1Fail

1.2:1Fail

3.2:1AA18

2.2:1Fail

1.4:1Fail

1.2:1Fail

Similar palettes

More like Autumn Orchard Plums

Autumn Orchard Plums

See it in context.

Ready when you are.

Built with Autumn Orchard Plums.

How to use Autumn Orchard Plums

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Plum Depth

Rustic Bloom

Soft Vintage

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Autumn Orchard Plums