Back to palettes

Palette

Wild Berry Patch

A rich, deep palette inspired by the intense, juicy colors of ripe wild berries nestled amongst their dark leaves.

darknatural5 colors
More dark 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

#C73B5B#8B2D5D#5E2652#3A1B44#1F0A2B

Palette guide

How to use Wild Berry Patch

Overview

The Wild Berry Patch palette offers a rich, deep collection of berry-inspired tones, perfect for designs requiring intensity and sophistication. Moving from the vibrant #C73B5B, through the regal #8B2D5D and mysterious #5E2652, down to the profound #3A1B44 and nearly black #1F0A2B, this palette provides a luxurious depth. Designers can use this range to create dramatic effects, strong brand identities, or elegant digital experiences. Developers will appreciate the clear progression of dark, saturated colors for creating impactful interfaces and visual narratives that convey depth and richness.

Best used for

  • Luxury brand websites
  • Evening wear or cosmetic packaging
  • Event invitations for formal occasions
  • Art and photography portfolios
  • Dark mode UI themes
  • Wine or gourmet food branding

Suggested color roles

primary

8B2D5D - A rich, deep berry purple, excellent for main brand elements, significant headings, or hero sections.

secondary

5E2652 - A muted, sophisticated purple, ideal for subheadings, secondary navigation, or background accents.

accent

C73B5B - A vibrant, striking crimson, perfect for calls-to-action, interactive elements, or key highlight details.

background

1F0A2B - A very deep, almost black purple, providing a luxurious dark canvas for lighter text and elements to pop.

text

F8F8F8 (near white) - Essential for readability against the dark palette, or use #C73B5B for larger headings on very dark backgrounds.

Accessibility notes

  • Ensure light text (e.g., white) has strong contrast against all darker shades, especially #1F0A2B and #3A1B44.
  • Avoid using #5E2652 or #3A1B44 for small text on similarly dark backgrounds.
  • Use #C73B5B sparingly for text to maintain readability, primarily for headings or accents on light backgrounds.
  • Consider larger font sizes when using mid-tone colors like #8B2D5D for text against dark backgrounds.

Recommended combinations

Dramatic Depth

For creating a profound, luxurious background with subtle color transitions.

#1F0A2B · #3A1B44 · #8B2D5D

Vibrant Highlight

Ideal for a dark theme with a striking accent, like call-to-action buttons.

#1F0A2B · #C73B5B · #8B2D5D

Muted Elegance

Excellent for sophisticated visual elements or gradient overlays in UI.

#8B2D5D · #5E2652 · #3A1B44

CSS variables

:root {
  --wild-berry-patch-2-1: #C73B5B;
  --wild-berry-patch-2-2: #8B2D5D;
  --wild-berry-patch-2-3: #5E2652;
  --wild-berry-patch-2-4: #3A1B44;
  --wild-berry-patch-2-5: #1F0A2B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-berry-patch-2": {
        1: "#C73B5B",
        2: "#8B2D5D",
        3: "#5E2652",
        4: "#3A1B44",
        5: "#1F0A2B",
      }
    }
  }
}

Related searches

deep berry color schemedark purple paletterich jewel tonesluxurious brand colorssophisticated berry hues

Palette colors

Hex values

Color 1#C73B5B
·
Color 2#8B2D5D
·
Color 3#5E2652
·
Color 4#3A1B44
·
Color 5#1F0A2B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.2:1Fail
3:1Fail
3.7:1AA18
2
1.6:1Fail
1.4:1Fail
1.9:1Fail
2.3:1Fail
3
2.2:1Fail
1.4:1Fail
1.3:1Fail
1.6:1Fail
4
3:1Fail
1.9:1Fail
1.3:1Fail
1.2:1Fail
5
3.7:1AA18
2.3:1Fail
1.6:1Fail
1.2:1Fail

Similar palettes

More like Wild Berry Patch

View all dark