Back to palettes

Palette

Berry Patch Bliss

A delicious burst of luscious berry tones, perfect for a vibrant and sweet summer day.

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

#DC143C#8B0000#800080#FF69B4#C71585

Palette guide

How to use Berry Patch Bliss

Overview

The Berry Patch Bliss palette delivers a delicious burst of luscious berry tones, perfect for a vibrant and sweet summer day. This energetic scheme features bold reds like #DC143C and #8B0000, alongside vibrant purples and fuchsias such as #800080, #FF69B4, and #C71585. Each hex code contributes to a dynamic and inviting aesthetic, ideal for designs that aim to convey natural sweetness, vitality, and playful 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

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

Suggested color roles

primary

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

secondary

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

accent

The vibrant #FF69B4 serves as a powerful accent for interactive elements, small icons, or highlights to add a playful pop.

background

A lighter shade like #FF69B4 can be used for subtle backgrounds, ensuring a cheerful and inviting canvas.

text

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

Accessibility notes

  • Ensure sufficient contrast between #8B0000 text and #FF69B4 backgrounds for WCAG AA compliance.
  • Avoid using #FF69B4 on #DC143C for small text without careful contrast checks, as they are close in value.
  • The vibrant colors can be intense; balance with sufficient white space or neutral tones to prevent visual fatigue.
  • Always test color combinations with accessibility tools to meet WCAG standards, especially for text and interactive elements.

Recommended combinations

Vibrant Burst

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

#DC143C · #FF69B4 · #8B0000

Berry Medley

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

#800080 · #C71585 · #FF69B4

Sweet Harmony

Use for visual storytelling, smooth transitions, or decorative elements that require a flowing, appetizing aesthetic.

#8B0000 · #DC143C · #800080

CSS variables

:root {
  --berry-patch-bliss-2-1: #DC143C;
  --berry-patch-bliss-2-2: #8B0000;
  --berry-patch-bliss-2-3: #800080;
  --berry-patch-bliss-2-4: #FF69B4;
  --berry-patch-bliss-2-5: #C71585;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "berry-patch-bliss-2": {
        1: "#DC143C",
        2: "#8B0000",
        3: "#800080",
        4: "#FF69B4",
        5: "#C71585",
      }
    }
  }
}

Related searches

vibrant berry red purplesweet fruit color schemeplayful summer palettelush fuchsia red colorsjoyful food branding

Palette colors

Hex values

Color 1#DC143C
·
Color 2#8B0000
·
Color 3#800080
·
Color 4#FF69B4
·
Color 5#C71585
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.9:1Fail
1.9:1Fail
1.1:1Fail
2
2:1Fail
1.1:1Fail
3.8:1AA18
1.8:1Fail
3
1.9:1Fail
1.1:1Fail
3.6:1AA18
1.7:1Fail
4
1.9:1Fail
3.8:1AA18
3.6:1AA18
2:1Fail
5
1.1:1Fail
1.8:1Fail
1.7:1Fail
2:1Fail

Similar palettes

More like Berry Patch Bliss

View all vibrant
Summer Berry Compote
Sweet Berry Harvest
Berry Patch Bliss
Garden Berry Patch
Juicy Berry Harvest
Orchard Fruit Medley