Palette

Juicy Berry Harvest

A burst of ripe reds and sweet pinks, capturing the lush abundance of a summer berry patch.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#911A3A#C2224F#E62A61#FF3373#FF6699

Palette guide

How to use Juicy Berry Harvest

Overview

The Juicy Berry Harvest palette offers a rich, warm gradient of reds and pinks, evoking the luscious abundance of a summer berry patch. This inviting collection includes a deep crimson (#911A3A), a vibrant berry red (#C2224F), a bright raspberry (#E62A61), a lively hot pink (#FF3373), and a soft rose pink (#FF6699). It’s perfect for designers and developers looking to create designs that feel wholesome, sweet, and full of life. These harmonious hues are excellent for conveying warmth, passion, and natural goodness, making any project feel inviting and vibrant.

Best used for

Food and beverage packaging
Fashion and apparel branding
Romantic or feminine themes
Seasonal marketing campaigns
Beauty and cosmetic products
Warm, inviting website interfaces

Suggested color roles

primary

Use #C2224F (berry red) as a strong, inviting primary color for brand identity or main content areas.

secondary

Employ #FF3373 (hot pink) for vibrant secondary elements, call-to-action buttons, or playful accents.

accent

Apply #911A3A (deep crimson) for sophisticated accents, important headings, or elegant details.

background

Utilize #FF6699 (rose pink) for soft, warm backgrounds that provide a gentle foundation for other colors.

text

For optimal readability, use #911A3A or a dark charcoal for primary text on lighter backgrounds within the palette.

Accessibility notes

As a monochromatic palette, differentiate elements by varying lightness/darkness to ensure sufficient contrast.
Pair the darkest shade, #911A3A, with the lightest shade, #FF6699, for essential text and interactive elements.
Avoid using similar mid-tones for text and background to prevent readability issues, especially for smaller fonts.
Regularly check color contrast ratios to meet WCAG guidelines, particularly for digital interfaces.

Recommended combinations

Rich Harvest

Ideal for headings, call-to-actions, and main branding elements requiring depth.

#911A3A · #C2224F · #FF3373

Sweet Bloom

Excellent for illustrations, soft gradients, and secondary content areas.

#E62A61 · #FF6699 · #C2224F

Gradient Glow

Creates appealing backgrounds, overlays, or subtle visual transitions.

#FF6699 · #FF3373 · #E62A61

CSS variables

:root {
  --juicy-berry-harvest-1: #911A3A;
  --juicy-berry-harvest-2: #C2224F;
  --juicy-berry-harvest-3: #E62A61;
  --juicy-berry-harvest-4: #FF3373;
  --juicy-berry-harvest-5: #FF6699;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "juicy-berry-harvest": {
        1: "#911A3A",
        2: "#C2224F",
        3: "#E62A61",
        4: "#FF3373",
        5: "#FF6699",
      }
    }
  }
}

Hex values

Color 1#911A3A

Color 2#C2224F

Color 3#E62A61

Color 4#FF3373

Color 5#FF6699

Accessibility

Contrast checker

1.5:1Fail

2:1Fail

2.5:1Fail

3.2:1AA18

1.5:1Fail

1.3:1Fail

1.6:1Fail

2.1:1Fail

2:1Fail

1.3:1Fail

1.2:1Fail

1.6:1Fail

2.5:1Fail

1.6:1Fail

1.2:1Fail

1.3:1Fail

3.2:1AA18

2.1:1Fail

1.6:1Fail

1.3:1Fail

Similar palettes

More like Juicy Berry Harvest

Juicy Berry Harvest

See it in context.

Ready when you are.

Built with Juicy Berry Harvest.

How to use Juicy Berry Harvest

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Rich Harvest

Sweet Bloom

Gradient Glow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Juicy Berry Harvest