Back to palettes

Palette

Berry Patch Bliss

A burst of juicy berry tones, from deep crimson to delicate blush, perfect for sweet designs.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#B22222#DC143C#FF6347#FFB6C1

Palette guide

How to use Berry Patch Bliss

Overview

The Berry Patch Bliss palette offers a burst of juicy berry tones, from deep crimson to delicate blush, perfect for sweet designs. This vibrant scheme features rich reds like #8B0000 and #B22222, transitioning to lively #DC143C and #FF6347, culminating in the soft #FFB6C1. Each hex code contributes to a dynamic and inviting aesthetic, ideal for designs that aim to convey 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 joyful digital experiences, ensuring a memorable and visually appealing user journey that stands out with its unique color story.

Best used for

  • Sweet shop and confectionery branding
  • Children's product design
  • Vibrant e-commerce sites
  • Summer event promotions
  • Playful mobile app interfaces
  • Fashion and beauty content

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 soft #FFB6C1 serves as a powerful accent for interactive elements, small icons, or highlights to add a delicate, bright pop.

background

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

text

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

Accessibility notes

  • Ensure sufficient contrast between #8B0000 text and #FFB6C1 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

Juicy & Sweet

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

#8B0000 · #DC143C · #FFB6C1

Berry Blush

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

#B22222 · #FF6347 · #FFB6C1

Vibrant Red

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

#DC143C · #FF6347 · #8B0000

CSS variables

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

Tailwind config

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

Related searches

vibrant berry red pinksweet fruit color schemeplayful summer palettelush red pink colorsjoyful food branding

Palette colors

Hex values

Color 1#8B0000
·
Color 2#B22222
·
Color 3#DC143C
·
Color 4#FF6347
·
Color 5#FFB6C1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
3.4:1AA18
6.1:1AA
2
1.5:1Fail
1.3:1Fail
2.3:1Fail
4:1AA18
3
2:1Fail
1.3:1Fail
1.7:1Fail
3:1AA18
4
3.4:1AA18
2.3:1Fail
1.7:1Fail
1.8:1Fail
5
6.1:1AA
4:1AA18
3:1AA18
1.8:1Fail

Similar palettes

More like Berry Patch Bliss

View all vibrant
Juicy Berry Harvest
Wild Berries Delight
Berry Blossom
Berry Patch Bliss
Berry Patch Bliss
Garden Berry Patch