Back to palettes

Palette

Garden Berry Patch

A joyful palette reflecting the fresh, vibrant colors of summer berries ripe for picking, sweet and lively.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF0000#C71585#32CD32#FFC0CB#FFFFFF

Palette guide

How to use Garden Berry Patch

Overview

The 'Garden Berry Patch' palette is a joyful explosion of summer's bounty, reflecting the fresh, vibrant colors of ripe berries. With bold hues like #FF0000 (a classic red) and #C71585 (a rich raspberry), complemented by the lively #32CD32 (a bright green), it evokes sweetness and energy. This palette is perfect for designs aiming for a playful yet fresh aesthetic. The soft #FFC0CB (light pink) and crisp #FFFFFF (pure white) provide essential balance, allowing the more intense colors to truly pop. Designers can leverage this scheme to create engaging and memorable visual experiences that resonate with warmth and vitality.

Best used for

  • Children's brands and products
  • Summer event promotions and decor
  • Food and beverage packaging (especially sweets)
  • Playful websites or mobile app interfaces
  • Creative blogs or social media content
  • Vibrant marketing campaigns

Suggested color roles

primary

Use #FF0000 (a bright red) for high-impact elements, calls-to-action, or main branding accents that demand attention.

secondary

Apply #C71585 (a deep raspberry) for subheadings, important secondary information, or to add a touch of playful sophistication.

accent

Incorporate #32CD32 (a vibrant green) as a refreshing accent for icons, illustrations, or small details to represent freshness and nature.

background

Utilize #FFFFFF (pure white) or #FFC0CB (light pink) as clean, inviting backgrounds to allow the brighter colors to stand out effectively.

text

For body text, use a dark charcoal or black for maximum readability. For headings, #FF0000 or #C71585 can be effective on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast between #FF0000 or #C71585 and #FFFFFF for text and important elements.
  • Avoid using #FFC0CB for small text on a #FFFFFF background due to low contrast.
  • Pair the vibrant #32CD32 with darker text or a very light background for readability.
  • Always test color combinations with accessibility checkers to meet WCAG guidelines, especially for interactive elements.

Recommended combinations

Berry Blast

Ideal for dynamic headers, playful graphics, or energetic brand logos that need to convey high energy.

#FF0000 · #C71585 · #32CD32

Sweet & Light

Perfect for softer backgrounds, delicate illustrations, or feminine product packaging, offering a gentle touch.

#FFC0CB · #FFFFFF · #C71585

Fresh Contrast

Excellent for creating clear visual hierarchy in UI elements or highlighting key information with bold, contrasting colors.

#FF0000 · #32CD32 · #FFFFFF

CSS variables

:root {
  --garden-berry-patch-1: #FF0000;
  --garden-berry-patch-2: #C71585;
  --garden-berry-patch-3: #32CD32;
  --garden-berry-patch-4: #FFC0CB;
  --garden-berry-patch-5: #FFFFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "garden-berry-patch": {
        1: "#FF0000",
        2: "#C71585",
        3: "#32CD32",
        4: "#FFC0CB",
        5: "#FFFFFF",
      }
    }
  }
}

Related searches

vibrant berry color schemesummer fruit design paletteplayful red pink greensweet garden colorsfresh and lively branding

Palette colors

Hex values

Color 1#FF0000
·
Color 2#C71585
·
Color 3#32CD32
·
Color 4#FFC0CB
·
Color 5#FFFFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.6:1Fail
4:1AA18
2
1.4:1Fail
2.6:1Fail
3.5:1AA18
5.4:1AA
3
1.9:1Fail
2.6:1Fail
1.4:1Fail
2.1:1Fail
4
2.6:1Fail
3.5:1AA18
1.4:1Fail
1.5:1Fail
5
4:1AA18
5.4:1AA
2.1:1Fail
1.5:1Fail

Similar palettes

More like Garden Berry Patch

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