Palette

Berry Patch Delight

A luscious collection of reds and pinks, as tempting and vibrant as a bowl of freshly picked berries.

warmplayful5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#DC143C#FF6347#FFB6C1#F5DEB3

Palette guide

How to use Berry Patch Delight

Overview

The Berry Patch Delight palette offers a luscious collection of reds and pinks, as tempting and vibrant as a bowl of freshly picked berries. This inviting scheme features rich reds like #8B0000 and #DC143C, lively oranges such as #FF6347, and soft pinks like #FFB6C1, all highlighted by the delicate #F5DEB3. Each hex code contributes to a warm and playful aesthetic, ideal for designs that evoke natural sweetness, vitality, and joyful energy. Designers and developers can utilize this palette to create engaging interfaces for food-related brands, vibrant editorial content, or charming e-commerce sites, ensuring a memorable and visually appealing user journey that stands out with its unique color story.

Best used for

Food and beverage branding
Dessert and bakery promotions
Vibrant e-commerce sites
Summer event marketing
Playful mobile app interfaces
Sweet treat packaging

Suggested color roles

primary

The lively #DC143C is excellent for impactful calls-to-action or headlines, demanding attention with its cheerful hue.

secondary

Deep #8B0000 can be used for navigation, footers, or background sections, providing a rich, stable base.

accent

The delicate #F5DEB3 serves as a powerful accent for interactive elements, small icons, or highlights to add a soft, bright pop.

background

The warm #FFB6C1 provides an inviting, cheerful canvas, allowing the deeper berry tones to truly pop.

text

For lighter backgrounds like #F5DEB3, use the deep #8B0000 or a rich dark red for body text. On darker backgrounds, #F5DEB3 or white ensures readability.

Accessibility notes

Ensure sufficient contrast between #8B0000 text and #F5DEB3 backgrounds for WCAG AA compliance.
Avoid using #FFB6C1 on #FF6347 for small text without careful contrast checks, as they are close in value.
The close tonal range of reds and pinks may require careful contrast checks for interactive elements.
Always test color combinations with accessibility tools to meet WCAG standards, especially for text and interactive elements.

Recommended combinations

Luscious Blend

Ideal for hero sections and call-to-action blocks, creating a lively and clear visual hierarchy.

#8B0000 · #DC143C · #F5DEB3

Sweet Harmony

Excellent for sophisticated branding, headers, and footers, providing depth with a crisp highlight.

#FF6347 · #FFB6C1 · #F5DEB3

Berry Pop

Use for infographic elements or data visualization to differentiate categories vividly and playfully.

#DC143C · #FF6347 · #8B0000

CSS variables

:root {
  --berry-patch-delight-2-1: #8B0000;
  --berry-patch-delight-2-2: #DC143C;
  --berry-patch-delight-2-3: #FF6347;
  --berry-patch-delight-2-4: #FFB6C1;
  --berry-patch-delight-2-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "berry-patch-delight-2": {
        1: "#8B0000",
        2: "#DC143C",
        3: "#FF6347",
        4: "#FFB6C1",
        5: "#F5DEB3",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#DC143C

Color 3#FF6347

Color 4#FFB6C1

Color 5#F5DEB3

Accessibility

Contrast checker

2:1Fail

3.4:1AA18

6.1:1AA

7.6:1AAA

2:1Fail

1.7:1Fail

3:1AA18

3.8:1AA18

3.4:1AA18

1.7:1Fail

1.8:1Fail

2.2:1Fail

6.1:1AA

3:1AA18

1.8:1Fail

1.3:1Fail

7.6:1AAA

3.8:1AA18

2.2:1Fail

1.3:1Fail

Similar palettes

More like Berry Patch Delight

Berry Compote Delight

Berry Jam Morning