Back to palettes

Palette

Wild Berry Patch

Deep, rich colors of ripe wild berries, earthy branches, and fading leaves.

earthnatural5 colors
More earth 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

#5E2C4F#8B4000#CC7722#D3A072#330000

Palette guide

How to use Wild Berry Patch

Overview

The Wild Berry Patch (Earthy) palette evokes the rustic charm of autumn, blending deep berry tones with warm, natural earth hues. This unique collection transitions from the rich #5E2C4F to a vibrant #8B4000 and sunny #CC7722, complemented by the softer #D3A072 and grounded by the deep #330000. Designers can utilize these colors to craft organic, inviting, and slightly vintage aesthetics, perfect for branding or digital interfaces that aim for a wholesome, natural feel. Developers will find these hex codes versatile for creating harmonious designs across various platforms, especially those with an earthy or artisanal theme.

Best used for

  • Artisanal food and beverage branding
  • Autumnal marketing campaigns
  • Rustic home decor websites
  • Nature-inspired blogs or apps
  • Farm-to-table restaurant branding
  • Vintage-style graphic design

Suggested color roles

primary

CC7722 - A warm, inviting orange-brown, perfect for main headings, key graphics, or prominent calls-to-action.

secondary

5E2C4F - A deep, muted berry-purple, ideal for subheadings, secondary navigation, or subtle background textures.

accent

8B4000 - A rich, earthy brown, excellent for highlighting important details, borders, or interactive elements.

background

D3A072 - A soft, warm beige, suitable for clean, natural backgrounds that provide a gentle contrast.

text

330000 - A very dark, almost black brown, offering strong readability against lighter colors like #D3A072, or use white for dark backgrounds.

Accessibility notes

  • Ensure #330000 has strong contrast when used as text on #D3A072 backgrounds (WCAG AA).
  • Avoid placing #8B4000 text on #CC7722 backgrounds due to insufficient contrast.
  • When using #5E2C4F as a background, pair it with light text (e.g., off-white) for readability.
  • Larger text sizes are recommended for #CC7722 on #D3A072 to improve legibility.

Recommended combinations

Autumn Harvest

Creates a warm, inviting feel for product displays or seasonal promotions.

#D3A072 · #CC7722 · #8B4000

Deep Earth

Effective for strong headers, footers, or background sections that convey richness.

#330000 · #5E2C4F · #8B4000

Rustic Blend

Provides a balanced, natural look for content blocks or illustrative elements.

#5E2C4F · #CC7722 · #D3A072

CSS variables

:root {
  --wild-berry-patch-3-1: #5E2C4F;
  --wild-berry-patch-3-2: #8B4000;
  --wild-berry-patch-3-3: #CC7722;
  --wild-berry-patch-3-4: #D3A072;
  --wild-berry-patch-3-5: #330000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-berry-patch-3": {
        1: "#5E2C4F",
        2: "#8B4000",
        3: "#CC7722",
        4: "#D3A072",
        5: "#330000",
      }
    }
  }
}

Related searches

earthy berry paletteautumn color schemerustic orange and brownnatural food branding colorsvintage nature hues

Palette colors

Hex values

Color 1#5E2C4F
·
Color 2#8B4000
·
Color 3#CC7722
·
Color 4#D3A072
·
Color 5#330000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.2:1AA18
4.6:1AA
1.7:1Fail
2
1.5:1Fail
2.2:1Fail
3.2:1AA18
2.5:1Fail
3
3.2:1AA18
2.2:1Fail
1.5:1Fail
5.5:1AA
4
4.6:1AA
3.2:1AA18
1.5:1Fail
7.9:1AAA
5
1.7:1Fail
2.5:1Fail
5.5:1AA
7.9:1AAA

Similar palettes

More like Wild Berry Patch

View all earth
Ancient Forest Bark
Autumn Leaf Canopy
Fallen Leaves
Forest Berry Patch
Forest Bramble Harvest
Forest Floor Canvas