Palette

Orchard Harvest Purple

Rich, deep purples and blues capture the luscious ripeness of orchard plums at the height of the harvest season.

Coolnatural5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#6A5ACD#8A2BE2#9370DB#DDA0DD

Palette guide

How to use Orchard Harvest Purple

Overview

The Orchard Harvest Purple palette captures the luscious ripeness of orchard plums with its rich, deep purples and blues. This cool yet natural collection ranges from the intense #4B0082 (Indigo) to the delicate #DDA0DD (Plum), featuring vibrant shades like #8A2BE2 (Blue Violet) and #9370DB (Medium Purple). Ideal for designers and developers seeking a sophisticated, luxurious, or even mystical aesthetic, this palette offers depth and elegance. It's perfect for projects that need to convey creativity, mystery, or a premium feel, ensuring a visually captivating and memorable experience.

Best used for

Luxury brand identity and packaging
Creative and art-focused websites
Sophisticated event decor and invitations
Fashion and beauty product lines
Digital art and graphic design projects
Wellness and spiritual brand assets

Suggested color roles

primary

Utilize #8A2BE2 (Blue Violet) as a vibrant and elegant primary color for headings, calls to action, or main brand elements.

secondary

Apply #6A5ACD (Slate Blue) for supporting content, subheadings, or to introduce a softer, harmonious purple tone.

accent

Reserve #4B0082 (Indigo) for deep, grounding accents, important information, or to add a touch of regal sophistication.

background

Use #DDA0DD (Plum) as a light, delicate background, or a crisp white for maximum contrast with the deeper purples.

text

For optimal readability, use #4B0082 (Indigo) for body text on lighter backgrounds, or white text on darker purples.

Accessibility notes

Ensure sufficient contrast when using lighter purples like #DDA0DD for text, especially on white or similar light backgrounds.
White text should be used on #4B0082 (Indigo), #6A5ACD (Slate Blue), and #8A2BE2 (Blue Violet) for optimal readability.
Avoid using #9370DB on #6A5ACD for small text or critical elements due to potential low contrast.
Always test color combinations with a contrast checker to meet WCAG guidelines.

Recommended combinations

Royal Contrast

Excellent for high-contrast text on a light background, paired with a vibrant accent for emphasis.

#4B0082 · #DDA0DD · #8A2BE2

Plum Gradient

Ideal for creating smooth, elegant visual transitions in hero sections, backgrounds, or decorative elements.

#6A5ACD · #8A2BE2 · #9370DB

Mystic Depth

Use for layered elements, card designs, or to provide visual structure with varying levels of purple intensity.

#DDA0DD · #9370DB · #4B0082

CSS variables

:root {
  --orchard-harvest-purple-1: #4B0082;
  --orchard-harvest-purple-2: #6A5ACD;
  --orchard-harvest-purple-3: #8A2BE2;
  --orchard-harvest-purple-4: #9370DB;
  --orchard-harvest-purple-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "orchard-harvest-purple": {
        1: "#4B0082",
        2: "#6A5ACD",
        3: "#8A2BE2",
        4: "#9370DB",
        5: "#DDA0DD",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#6A5ACD

Color 3#8A2BE2

Color 4#9370DB

Color 5#DDA0DD

Accessibility

Contrast checker

2.4:1Fail

2.2:1Fail

3.4:1AA18

6.3:1AA

2.4:1Fail

1.1:1Fail

1.4:1Fail

2.6:1Fail

2.2:1Fail

1.1:1Fail

1.6:1Fail

2.9:1Fail

3.4:1AA18

1.4:1Fail

1.6:1Fail

1.8:1Fail

6.3:1AA

2.6:1Fail

2.9:1Fail

1.8:1Fail

Similar palettes

More like Orchard Harvest Purple