Back to palettes

Palette

Wild Berry Harvest

A luscious blend of pinks and deep reds, like ripe berries fresh from a wild patch.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FADEE8#E6A2B9#A85B73#7A3F50#4A2B31

Palette guide

How to use Wild Berry Harvest

Overview

The Wild Berry Harvest palette offers a luscious blend of soft pinks and deep, rich reds, reminiscent of ripe berries. Designers can leverage its gentle warmth, transitioning from the delicate #FADEE8 to the vibrant #E6A2B9, then through the sophisticated #A85B73 and intense #7A3F50, culminating in the deep, grounding #4A2B31. This gradient provides a natural progression for branding, UI elements, or illustrative work, ensuring a harmonious and inviting user experience. Developers will find these hex codes easy to implement for creating visually appealing interfaces that evoke natural charm and understated elegance across digital platforms.

Best used for

  • Feminine branding and packaging
  • Cosmetics or beauty product websites
  • Invitations and event collateral
  • Lifestyle blogs or apps
  • Dessert or bakery branding
  • Romantic themed digital art

Suggested color roles

primary

A85B73 - A sophisticated, muted berry tone perfect for main brand elements, headings, or call-to-action buttons.

secondary

E6A2B9 - A softer, warm pink, ideal for subheadings, secondary buttons, or background sections that need a touch of warmth.

accent

7A3F50 - A deeper, more intense berry red, excellent for highlighting key information, interactive states, or small decorative details.

background

FADEE8 - A very pale, almost white pink, suitable for clean, airy backgrounds that allow darker elements to stand out, or for subtle texture.

text

4A2B31 - A deep, rich red-brown, providing excellent readability against lighter backgrounds like #FADEE8, or use a clean white for dark backgrounds.

Accessibility notes

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

Recommended combinations

Soft Gradient

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

#FADEE8 · #E6A2B9 · #A85B73

Deep Contrast

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

#4A2B31 · #FADEE8 · #7A3F50

Berry Blend

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

#E6A2B9 · #A85B73 · #7A3F50

CSS variables

:root {
  --wild-berry-harvest-1: #FADEE8;
  --wild-berry-harvest-2: #E6A2B9;
  --wild-berry-harvest-3: #A85B73;
  --wild-berry-harvest-4: #7A3F50;
  --wild-berry-harvest-5: #4A2B31;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-berry-harvest": {
        1: "#FADEE8",
        2: "#E6A2B9",
        3: "#A85B73",
        4: "#7A3F50",
        5: "#4A2B31",
      }
    }
  }
}

Related searches

pink and red color schemeberry inspired paletteromantic color combinationsfeminine branding colorslush natural hues

Palette colors

Hex values

Color 1#FADEE8
·
Color 2#E6A2B9
·
Color 3#A85B73
·
Color 4#7A3F50
·
Color 5#4A2B31
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.8:1AA18
6.3:1AA
9.9:1AAA
2
1.6:1Fail
2.3:1Fail
3.9:1AA18
6.1:1AA
3
3.8:1AA18
2.3:1Fail
1.7:1Fail
2.6:1Fail
4
6.3:1AA
3.9:1AA18
1.7:1Fail
1.6:1Fail
5
9.9:1AAA
6.1:1AA
2.6:1Fail
1.6:1Fail

Similar palettes

More like Wild Berry Harvest

View all vibrant