Back to palettes

Palette

Wild Berry Patch

Deep, rich tones reminiscent of ripe wild berries, from dark crimson to vibrant purple-blue, perfect for lush designs.

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

#8B0000#C71585#8A2BE2#6A5ACD#483D8B

Palette guide

How to use Wild Berry Patch

Overview

The Wild Berry Patch (Jewel Tones) palette presents a collection of deep, rich tones, reminiscent of ripe wild berries and precious gemstones. This sophisticated range flows from a robust #8B0000 and vibrant #C71585, through a striking #8A2BE2 and elegant #6A5ACD, culminating in the profound #483D8B. Designers can employ these colors to create luxurious, intense, and captivating visuals for branding, UI, or digital art. Developers will find these hex codes excellent for crafting interfaces that convey depth, elegance, and a premium feel, particularly in projects requiring a dark, rich aesthetic.

Best used for

  • Luxury product websites
  • High-end fashion or jewelry branding
  • Mysterious and magical themed designs
  • Dark mode UI with rich accents
  • Event branding for upscale galas
  • Art and design portfolios

Suggested color roles

primary

8A2BE2 - A vibrant, electric purple, perfect for main headings, interactive elements, or hero sections that demand attention.

secondary

6A5ACD - A softer, yet deep, blue-purple, ideal for subheadings, secondary navigation, or background accents.

accent

C71585 - A striking magenta, excellent for highlighting key information, calls-to-action, or small decorative flourishes.

background

483D8B - A very deep, sophisticated indigo-purple, providing a luxurious and immersive dark canvas.

text

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

Accessibility notes

  • Ensure light text (e.g., white) has strong contrast against #483D8B and #6A5ACD for body text.
  • Avoid using #6A5ACD or #483D8B for small text on similarly dark backgrounds due to low contrast.
  • When using #8A2BE2 for text, ensure the background is sufficiently dark or light to provide good readability.
  • Consider larger font sizes for #C71585 text on darker backgrounds to improve legibility.

Recommended combinations

Jewel Gradient

For creating deep, ethereal backgrounds or sophisticated gradient effects in UI.

#483D8B · #6A5ACD · #8A2BE2

Vibrant Statement

Ideal for a dark theme with bold, contrasting accents, perfect for calls-to-action.

#483D8B · #C71585 · #8B0000

Mystic Blend

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

#8A2BE2 · #6A5ACD · #483D8B

CSS variables

:root {
  --wild-berry-patch-5-1: #8B0000;
  --wild-berry-patch-5-2: #C71585;
  --wild-berry-patch-5-3: #8A2BE2;
  --wild-berry-patch-5-4: #6A5ACD;
  --wild-berry-patch-5-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-berry-patch-5": {
        1: "#8B0000",
        2: "#C71585",
        3: "#8A2BE2",
        4: "#6A5ACD",
        5: "#483D8B",
      }
    }
  }
}

Related searches

deep berry jewel tonespurple and red paletteluxurious dark colorsrich nature huessophisticated digital palette

Palette colors

Hex values

Color 1#8B0000
·
Color 2#C71585
·
Color 3#8A2BE2
·
Color 4#6A5ACD
·
Color 5#483D8B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.7:1Fail
1.9:1Fail
1.1:1Fail
2
1.8:1Fail
1.1:1Fail
1:1Fail
1.7:1Fail
3
1.7:1Fail
1.1:1Fail
1.1:1Fail
1.5:1Fail
4
1.9:1Fail
1:1Fail
1.1:1Fail
1.7:1Fail
5
1.1:1Fail
1.7:1Fail
1.5:1Fail
1.7:1Fail

Similar palettes

More like Wild Berry Patch

View all dark