Back to palettes

Palette

Forest Berry Patch

A luscious blend of deep reds and purples, capturing the rich, succulent essence of wild forest berries.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest 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 Forest Berry Patch.

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

Data visualization

#5C001C#9E0033#D70044#F26E8B#F9B6C5

Palette guide

How to use Forest Berry Patch

Overview

The Forest Berry Patch palette is a luscious blend of deep reds and vibrant pinks, capturing the rich, succulent essence of wild forest berries. Ranging from the profound #5C001C to the energetic #D70044 and the delicate #F9B6C5, this collection exudes vibrancy, romance, and a touch of indulgence. Designers and developers will find these hues exceptional for creating captivating branding, engaging digital experiences, or marketing content that aims to be both bold and inviting. The harmonious progression of these berry-inspired tones offers versatility for designs that are rich in character and visual appeal.

Best used for

  • Cosmetics and beauty branding
  • Romantic and feminine themes
  • Confectionery and dessert packaging
  • Vibrant lifestyle blogs
  • Fashion and apparel design
  • Event invitations and decor

Suggested color roles

primary

Use #5C001C as a deep, rich berry tone for strong headings, main navigation, or foundational brand elements.

secondary

Employ #9E0033 for supporting content blocks, backgrounds, or to add vibrant depth to UI components.

accent

Apply #D70044 as a bright, energetic highlight for call-to-action buttons or important visual cues.

background

Utilize #F9B6C5 as a light, delicate base for main content, providing a soft, inviting canvas.

text

For optimal readability, use #5C001C or a dark charcoal/black for body text on lighter backgrounds like #F9B6C5.

Accessibility notes

  • Ensure #5C001C text on #F9B6C5 background meets WCAG AA contrast for good readability.
  • Avoid using #F26E8B and #F9B6C5 for small body text due to low contrast, especially on light backgrounds.
  • Use #D70044 for headings or accents, ensuring sufficient contrast with the chosen background.
  • Prioritize darker shades like #5C001C and #9E0033 for critical text and interactive elements.

Recommended combinations

Deep Berry

Ideal for elegant branding, romantic invitations, and high-contrast UI elements.

#5C001C · #9E0033 · #F9B6C5

Ripe & Sweet

Perfect for playful designs, confectionery packaging, and vibrant accents.

#D70044 · #F26E8B · #F9B6C5

Berry Gradient

Excellent for visual depth, captivating backgrounds, and expressive illustrations.

#5C001C · #9E0033 · #D70044

CSS variables

:root {
  --forest-berry-patch-2-1: #5C001C;
  --forest-berry-patch-2-2: #9E0033;
  --forest-berry-patch-2-3: #D70044;
  --forest-berry-patch-2-4: #F26E8B;
  --forest-berry-patch-2-5: #F9B6C5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-berry-patch-2": {
        1: "#5C001C",
        2: "#9E0033",
        3: "#D70044",
        4: "#F26E8B",
        5: "#F9B6C5",
      }
    }
  }
}

Related searches

deep berry paletterich red pink colorsluscious fruit tonesfeminine design schemevibrant romantic hues

Palette colors

Hex values

Color 1#5C001C
·
Color 2#9E0033
·
Color 3#D70044
·
Color 4#F26E8B
·
Color 5#F9B6C5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
5:1AA
8.5:1AAA
2
1.7:1Fail
1.6:1Fail
2.9:1Fail
5:1AA
3
2.7:1Fail
1.6:1Fail
1.9:1Fail
3.2:1AA18
4
5:1AA
2.9:1Fail
1.9:1Fail
1.7:1Fail
5
8.5:1AAA
5:1AA
3.2:1AA18
1.7:1Fail

Similar palettes

More like Forest Berry Patch

View all dark
Aged Burgundy Vault
Burnt Sugar
Coffee Bean Aroma
Deep Espresso Roast
Espresso Bean Rich
Espresso Roast Dark