Palette

Orchard Plum Harvest

Deep, luxurious plums and vibrant lavenders, capturing the essence of a bountiful autumn orchard.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Orchard Plum Harvest 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 Orchard Plum Harvest.

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

Data visualization

#3A003A#6C006C#9E009E#CD5CC0#FFBFFF

Palette guide

How to use Orchard Plum Harvest

Overview

The Orchard Plum Harvest palette captures the essence of a bountiful autumn orchard with its deep, luxurious plums and vibrant lavenders. This rich collection ranges from the profound #3A003A (very dark purple) to the ethereal #FFBFFF (lightest lavender), featuring striking shades like #9E009E (medium purple) and #CD5CC0 (medium light purple). Designers and developers will find this natural palette excellent for creating sophisticated, mystical, and impactful digital or print experiences. It's an ideal choice for projects that aim to convey luxury, creativity, and a touch of enchanting depth, ensuring a visually captivating and memorable presence.

Best used for

High-end fashion and beauty brand identities
Creative agencies and digital art platforms
Mystical or fantasy-themed web designs
Luxury event invitations and decor
Wellness and spiritual product packaging
Sophisticated editorial layouts

Suggested color roles

primary

Utilize #9E009E (medium purple) as a regal and vibrant primary color for headings, calls to action, or prominent brand elements.

secondary

Apply #6C006C (darker purple) for supporting content, subheadings, or to introduce a sophisticated and grounding depth.

accent

Reserve #3A003A (deepest purple) for strong contrasts, important information, or to provide visual weight and profound elegance.

background

Use #FFBFFF (lightest lavender) as a soft, ethereal, and highly readable background, providing a delicate canvas.

text

For optimal legibility, use #3A003A (deepest purple) for body text on lighter backgrounds, or white text on darker purples.

Accessibility notes

Ensure high contrast between #3A003A (deepest purple) text and #FFBFFF (lightest lavender) backgrounds for readability.
White text should be used on #3A003A, #6C006C, and #9E009E for optimal readability and WCAG compliance.
Be cautious when pairing #CD5CC0 with #9E009E for small text or critical elements due to potential low contrast.
Always use a contrast checker to verify all text and interactive element color pairings.

Recommended combinations

Plum Contrast

Excellent for clear text on a light background, complemented by a rich, deep accent for headlines or calls to action.

#FFBFFF · #3A003A · #9E009E

Lavender Gradient

Ideal for creating smooth, luxurious visual transitions in hero sections, banners, or decorative backgrounds.

#6C006C · #9E009E · #CD5CC0

Rich Layers

Use for layered card designs, subtle background patterns, or to define distinct sections with enchanting depth.

#FFBFFF · #CD5CC0 · #3A003A

CSS variables

:root {
  --orchard-plum-harvest-1: #3A003A;
  --orchard-plum-harvest-2: #6C006C;
  --orchard-plum-harvest-3: #9E009E;
  --orchard-plum-harvest-4: #CD5CC0;
  --orchard-plum-harvest-5: #FFBFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "orchard-plum-harvest": {
        1: "#3A003A",
        2: "#6C006C",
        3: "#9E009E",
        4: "#CD5CC0",
        5: "#FFBFFF",
      }
    }
  }
}

Hex values

Color 1#3A003A

Color 2#6C006C

Color 3#9E009E

Color 4#CD5CC0

Color 5#FFBFFF

Accessibility

Contrast checker

1.5:1Fail

2.4:1Fail

4.7:1AA

11.4:1AAA

1.5:1Fail

1.6:1Fail

3.2:1AA18

7.6:1AAA

2.4:1Fail

1.6:1Fail

2:1Fail

4.8:1AA

4.7:1AA

3.2:1AA18

2:1Fail

2.4:1Fail

11.4:1AAA

7.6:1AAA

4.8:1AA

2.4:1Fail

Similar palettes

More like Orchard Plum Harvest

Orchard Plum Harvest

See it in context.

Ready when you are.

Built with Orchard Plum Harvest.

How to use Orchard Plum Harvest

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Plum Contrast

Lavender Gradient

Rich Layers

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Orchard Plum Harvest