Back to palettes

Palette

Wild Berry Patch

Rich, inviting purples and pinks, evoking the succulent sweetness of sun-ripened wild berries.

vibrantplayful5 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

#7F204C#A63A6E#CC5390#E078B3#F2A2D4

Palette guide

How to use Wild Berry Patch

Overview

The Wild Berry Patch palette offers a delightful gradient of rich, inviting purples and pinks, evoking the succulent sweetness of sun-ripened berries. This playful collection progresses from the deep #7F204C, through the warm #A63A6E and vibrant #CC5390, to the lively #E078B3, culminating in the soft #F2A2D4. Designers can utilize this range to create cheerful, engaging, and feminine designs for branding, digital interfaces, or illustrative work. Developers will find these hex codes easy to implement for creating visually appealing and harmonious user experiences that convey a sense of fun and natural charm.

Best used for

  • Children's product branding
  • Sweet treats and confectionery websites
  • Creative and playful app interfaces
  • Feminine lifestyle blogs
  • Event branding for celebrations
  • Illustrations with a whimsical feel

Suggested color roles

primary

CC5390 - A vibrant, juicy magenta, perfect for main headings, prominent calls-to-action, or hero elements.

secondary

A63A6E - A rich, warm rose, ideal for subheadings, secondary navigation, or background sections that need warmth.

accent

E078B3 - A bright, playful pink, excellent for highlighting key information, interactive states, or small decorative details.

background

F2A2D4 - A very pale, soft pink, suitable for clean, airy backgrounds that allow darker elements to stand out with gentle charm.

text

7F204C - A deep, rich berry red, providing strong readability against lighter backgrounds like #F2A2D4, or use a clean white for dark backgrounds.

Accessibility notes

  • Ensure #7F204C has sufficient contrast against #F2A2D4 for body text (WCAG AA).
  • Avoid using #E078B3 for small text on #F2A2D4 backgrounds due to low contrast.
  • Pair #CC5390 with a light background like #F2A2D4 for optimal readability, especially for headings.
  • Consider a darker text color (like black or dark charcoal) when using #E078B3 as a background for improved legibility.

Recommended combinations

Sweet Gradient

For subtle transitions in banners, hero sections, or illustrative elements.

#F2A2D4 · #E078B3 · #CC5390

Rich Contrast

Effective for clear calls-to-action or strong brand statements against a light backdrop.

#7F204C · #F2A2D4 · #CC5390

Berry Bloom

Creates a rich, inviting feel for product displays or content blocks.

#A63A6E · #CC5390 · #E078B3

CSS variables

:root {
  --wild-berry-patch-1: #7F204C;
  --wild-berry-patch-2: #A63A6E;
  --wild-berry-patch-3: #CC5390;
  --wild-berry-patch-4: #E078B3;
  --wild-berry-patch-5: #F2A2D4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-berry-patch": {
        1: "#7F204C",
        2: "#A63A6E",
        3: "#CC5390",
        4: "#E078B3",
        5: "#F2A2D4",
      }
    }
  }
}

Related searches

magenta pink color schemejuicy berry paletteplayful feminine colorssweet dessert brandingvibrant fruit hues

Palette colors

Hex values

Color 1#7F204C
·
Color 2#A63A6E
·
Color 3#CC5390
·
Color 4#E078B3
·
Color 5#F2A2D4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.4:1Fail
3.4:1AA18
4.9:1AA
2
1.6:1Fail
1.5:1Fail
2.2:1Fail
3.2:1AA18
3
2.4:1Fail
1.5:1Fail
1.4:1Fail
2.1:1Fail
4
3.4:1AA18
2.2:1Fail
1.4:1Fail
1.5:1Fail
5
4.9:1AA
3.2:1AA18
2.1:1Fail
1.5:1Fail

Similar palettes

More like Wild Berry Patch

View all vibrant