Back to palettes

Palette

Wild Berry Patch

Rich purples and deep reds reflect the luscious, untamed bounty of a hidden wild berry patch.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#C71585#800080#A0522D#FF69B4

Palette guide

How to use Wild Berry Patch

Overview

The Wild Berry Patch (Vibrant) palette bursts with rich, untamed colors, perfectly capturing the luscious bounty of a hidden berry patch. This dynamic collection ranges from a bold #8B0000 and vibrant #C71585, through a regal #800080, to an earthy #A0522D, and a playful #FF69B4. Designers can leverage this palette to create energetic, eye-catching designs that demand attention, whether for digital interfaces or physical products. Developers will find these hex codes ideal for crafting visually stimulating experiences, particularly for projects that require a touch of playful vibrancy and natural richness.

Best used for

  • Fashion and beauty branding
  • Creative art and design projects
  • Playful event promotions
  • Youth-focused digital platforms
  • Product packaging for sweets or snacks
  • Vibrant social media content

Suggested color roles

primary

C71585 - A striking, magenta-pink, excellent for main headings, calls-to-action, or hero elements that need to pop.

secondary

800080 - A deep, rich purple, ideal for subheadings, navigation, or creating sophisticated contrast.

accent

FF69B4 - A bright, playful hot pink, perfect for highlights, interactive states, or small decorative details.

background

A0522D - A warm, earthy orange-brown, suitable for backgrounds that provide a natural, grounding base for brighter colors.

text

8B0000 - A deep, dark red, providing strong readability against lighter backgrounds, or use white for dark backgrounds.

Accessibility notes

  • Ensure #8B0000 has sufficient contrast when used as text on #A0522D backgrounds (WCAG AA).
  • Avoid pairing #FF69B4 text with #C71585 backgrounds due to low contrast.
  • Use a very dark text color (e.g., black or #8B0000) for body text on #FF69B4 for readability.
  • When using #800080 for text, ensure the background is light enough to provide good contrast, or use large font sizes.

Recommended combinations

Bold & Bright

For high-impact headlines, vibrant banners, or energetic graphical elements.

#8B0000 · #C71585 · #FF69B4

Earthy Pop

Creates a grounded yet lively feel, suitable for product features or content blocks.

#A0522D · #800080 · #C71585

Deep & Playful

Effective for creating a dynamic visual hierarchy with strong accents.

#800080 · #FF69B4 · #8B0000

CSS variables

:root {
  --wild-berry-patch-4-1: #8B0000;
  --wild-berry-patch-4-2: #C71585;
  --wild-berry-patch-4-3: #800080;
  --wild-berry-patch-4-4: #A0522D;
  --wild-berry-patch-4-5: #FF69B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-berry-patch-4": {
        1: "#8B0000",
        2: "#C71585",
        3: "#800080",
        4: "#A0522D",
        5: "#FF69B4",
      }
    }
  }
}

Related searches

vibrant berry color schemepink and purple palettebold fruit colorsenergetic branding huesplayful natural palette

Palette colors

Hex values

Color 1#8B0000
·
Color 2#C71585
·
Color 3#800080
·
Color 4#A0522D
·
Color 5#FF69B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.1:1Fail
1.8:1Fail
3.8:1AA18
2
1.8:1Fail
1.7:1Fail
1:1Fail
2:1Fail
3
1.1:1Fail
1.7:1Fail
1.7:1Fail
3.6:1AA18
4
1.8:1Fail
1:1Fail
1.7:1Fail
2.1:1Fail
5
3.8:1AA18
2:1Fail
3.6:1AA18
2.1:1Fail

Similar palettes

More like Wild Berry Patch

View all vibrant
Wild Berry Harvest
Berry Basket Harvest
Cactus Blossom Kiss
Grapevine Harvest
Wildflower Meadow Path
Aegean Azure Sun