Palette

Wild Berry Preserve

Deep, jewel-toned purples and indigos, capturing the intense sweetness of wild berry jam.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wild Berry Preserve 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 Wild Berry Preserve.

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

Data visualization

#4B0082#800080#BA55D3#DDA0DD#6A00A0

Palette guide

How to use Wild Berry Preserve

Overview

The Wild Berry Preserve palette captures the intense sweetness and rich depth of wild berry jam, with deep, jewel-toned purples and indigos. This vibrant collection moves from the profound #4B0082 and regal #800080, through the elegant #BA55D3 and soft #DDA0DD, culminating in the unique #6A00A0. Designers can leverage this palette to create luxurious, sophisticated, and captivating designs that evoke a sense of richness and playful elegance. Developers will find these hex codes ideal for crafting visually stunning interfaces, particularly for projects that require a deep, vibrant, and slightly mysterious aesthetic.

Best used for

Gourmet food packaging (jams, wines)
Luxury event branding
Mystical or fantasy-themed designs
High-end cosmetic branding
Creative agency websites
Jewelry or accessory showcases

Suggested color roles

primary

800080 - A rich, classic purple, perfect for main brand elements, significant headings, or hero sections.

secondary

6A00A0 - A deep, vibrant indigo-purple, ideal for subheadings, secondary navigation, or creating a sense of depth.

accent

BA55D3 - A bright, elegant medium purple, excellent for calls-to-action, interactive elements, or key highlight details.

background

4B0082 - A very deep indigo, providing a luxurious dark canvas for lighter text and elements to stand out dramatically.

text

F8F8F8 (near white) - Essential for readability against the dark, rich background colors, or use #BA55D3 for large, impactful titles.

Accessibility notes

Ensure light text (e.g., white) has strong contrast against #4B0082 and #6A00A0 for body text.
Avoid using #BA55D3 for small text on #DDA0DD backgrounds due to insufficient contrast.
When using #800080 for text, ensure the background is light enough to provide good contrast, or use large font sizes.
Consider using a very dark text color (like black) for #DDA0DD backgrounds to improve readability for small print.

Recommended combinations

Jam Gradient

For creating profound, luxurious backgrounds with subtle color transitions in UI or branding.

#4B0082 · #6A00A0 · #800080

Sweet Pop

Ideal for a dark theme with elegant, contrasting accents, perfect for product features.

#4B0082 · #BA55D3 · #DDA0DD

Regal Blend

Offers a cohesive, deep purple theme for content blocks or visual elements that convey richness.

#800080 · #BA55D3 · #6A00A0

CSS variables

:root {
  --wild-berry-preserve-1: #4B0082;
  --wild-berry-preserve-2: #800080;
  --wild-berry-preserve-3: #BA55D3;
  --wild-berry-preserve-4: #DDA0DD;
  --wild-berry-preserve-5: #6A00A0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-berry-preserve": {
        1: "#4B0082",
        2: "#800080",
        3: "#BA55D3",
        4: "#DDA0DD",
        5: "#6A00A0",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#800080

Color 3#BA55D3

Color 4#DDA0DD

Color 5#6A00A0

Accessibility

Contrast checker

1.4:1Fail

3.3:1AA18

6.3:1AA

1.3:1Fail

1.4:1Fail

2.4:1Fail

4.6:1AA

1.1:1Fail

3.3:1AA18

2.4:1Fail

1.9:1Fail

2.5:1Fail

6.3:1AA

4.6:1AA

1.9:1Fail

4.8:1AA

1.3:1Fail

1.1:1Fail

2.5:1Fail

4.8:1AA

Similar palettes

More like Wild Berry Preserve

Grapevine Trellis Shade

Juicy Berry Burst

Sweet Berry Harvest