Back to palettes

Palette

Berry Patch Dream

A luscious dreamscape of ripe berries and lush foliage, bursting with natural sweetness and vibrancy.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#800000#4B0082#228B22#FDF5E6#6A0524

Palette guide

How to use Berry Patch Dream

Overview

The Berry Patch Dream palette creates a luscious dreamscape of ripe berries and lush foliage, bursting with natural sweetness and vibrancy. This unique scheme combines a deep forest green #228B22 with rich berry reds #800000 and #6A0524, and a striking indigo #4B0082, all brightened by the creamy #FDF5E6. Each hex code contributes to a dynamic and inviting aesthetic, ideal for designs that aim to convey natural beauty, vitality, and a touch of playful magic. Designers and developers can utilize this palette to create engaging interfaces for nature-related brands, vibrant editorial content, or imaginative digital experiences, ensuring a memorable and visually appealing user journey that stands out with its unique color story.

Best used for

  • Nature and outdoor branding
  • Children's book illustrations
  • Fantasy game interfaces
  • Eco-conscious product marketing
  • Garden and floral design
  • Vibrant social media campaigns

Suggested color roles

primary

The rich #800000 is excellent for impactful calls-to-action or headlines, demanding attention with its vibrant hue.

secondary

Deep #4B0082 can be used for navigation, footers, or background sections, providing a mysterious, stable base.

accent

The refreshing #228B22 serves as a powerful accent for interactive elements, small icons, or highlights to add a natural pop.

background

The creamy #FDF5E6 provides a clean, airy canvas, allowing the vibrant berry tones to truly pop.

text

For lighter backgrounds like #FDF5E6, use the deep #800000 or a rich dark brown for body text. On darker backgrounds, #FDF5E6 or white ensures readability.

Accessibility notes

  • Ensure sufficient contrast between #800000 text and #FDF5E6 backgrounds for WCAG AA compliance.
  • Avoid using #228B22 on #4B0082 for small text without careful contrast checks, as they might blend.
  • The combination of red, green, and indigo should be tested for colorblind users, ensuring information is not solely conveyed by these hues.
  • Always test color combinations with accessibility tools to meet WCAG standards, especially for text and interactive elements.

Recommended combinations

Forest Berry

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

#800000 · #228B22 · #FDF5E6

Mystic Grove

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

#4B0082 · #6A0524 · #FDF5E6

Dreamy Contrast

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

#228B22 · #800000 · #4B0082

CSS variables

:root {
  --berry-patch-dream-1: #800000;
  --berry-patch-dream-2: #4B0082;
  --berry-patch-dream-3: #228B22;
  --berry-patch-dream-4: #FDF5E6;
  --berry-patch-dream-5: #6A0524;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "berry-patch-dream": {
        1: "#800000",
        2: "#4B0082",
        3: "#228B22",
        4: "#FDF5E6",
        5: "#6A0524",
      }
    }
  }
}

Related searches

vibrant berry forest palettenature inspired colorsplayful red green purplesweet fantasy palettelush garden scheme

Palette colors

Hex values

Color 1#800000
·
Color 2#4B0082
·
Color 3#228B22
·
Color 4#FDF5E6
·
Color 5#6A0524
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.5:1Fail
10.1:1AAA
1.2:1Fail
2
1.2:1Fail
3:1Fail
12:1AAA
1:1Fail
3
2.5:1Fail
3:1Fail
4.1:1AA18
2.9:1Fail
4
10.1:1AAA
12:1AAA
4.1:1AA18
11.7:1AAA
5
1.2:1Fail
1:1Fail
2.9:1Fail
11.7:1AAA

Similar palettes

More like Berry Patch Dream

View all vibrant
Wild Thicket Berries
Berry Blossom
Berry Patch Bliss
Berry Patch Bliss
Berry Patch Harvest
Enchanted Bloom Glade