Back to palettes

Palette

Sweet Berry Garden

A sweet and juicy mix of ripe berries and fresh garden greens.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#933E5D#D66D8E#EBC0CF#4B8E7C#2E5A4B

Palette guide

How to use Sweet Berry Garden

Overview

The Sweet Berry Garden palette presents a sweet and juicy mix of ripe berries and fresh garden greens, offering a unique blend of natural vibrancy. It features rich berry tones like `#933E5D` (muted berry), `#D66D8E` (rose pink), and `#EBC0CF` (blush pink), beautifully complemented by the earthy greens of `#4B8E7C` (sea green) and `#2E5A4B` (dark forest green). This palette is ideal for designers and developers seeking to create organic, inviting, and playfully elegant designs with a connection to nature.

Best used for

  • Organic food and produce branding
  • Botanical garden websites and apps
  • Eco-friendly product packaging
  • Children's nature-themed products
  • Craft and DIY blogs or marketplaces
  • Farmer's market branding and signage

Suggested color roles

primary

Use `#2E5A4B` as a grounding primary for structure, or `#933E5D` for a dominant berry-inspired hue.

secondary

Employ `#4B8E7C` for a lighter green contrast or `#D66D8E` as a soft, complementary berry tone.

accent

Apply `#EBC0CF` as a delicate blush accent for subtle highlights, icons, or decorative elements.

background

A very light neutral background works well, or use `#EBC0CF` for a soft, warm base that enhances the natural feel.

text

Dark charcoal or `#2E5A4B` provides excellent readability for body text. White text pairs effectively with darker elements like `#2E5A4B` or `#933E5D`.

Accessibility notes

  • The lightest color, `#EBC0CF`, will require dark, high-contrast text for readability.
  • Ensure sufficient contrast between the greens and berry tones, especially when used for text or interactive elements.
  • Use a contrast checker to verify WCAG AA/AAA compliance for all text pairings.
  • Avoid using light text on `#EBC0CF` or `#D66D8E` for critical information.

Recommended combinations

Natural Harmony

Ideal for an organic brand header, a balanced content section, or botanical illustrations.

#2E5A4B · #D66D8E · #EBC0CF

Berry & Leaf

Perfect for a product display, a call-to-action button, or nature-inspired graphic elements.

#933E5D · #4B8E7C · #EBC0CF

Deep Garden

Excellent for a sophisticated background, a rich navigation menu, or deep illustrative details.

#2E5A4B · #933E5D · #D66D8E

CSS variables

:root {
  --sweet-berry-garden-1: #933E5D;
  --sweet-berry-garden-2: #D66D8E;
  --sweet-berry-garden-3: #EBC0CF;
  --sweet-berry-garden-4: #4B8E7C;
  --sweet-berry-garden-5: #2E5A4B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-berry-garden": {
        1: "#933E5D",
        2: "#D66D8E",
        3: "#EBC0CF",
        4: "#4B8E7C",
        5: "#2E5A4B",
      }
    }
  }
}

Related searches

berry and green color palettenatural garden design colorsorganic branding color schemeeco-friendly color combinationssweet botanical illustration colors

Palette colors

Hex values

Color 1#933E5D
·
Color 2#D66D8E
·
Color 3#EBC0CF
·
Color 4#4B8E7C
·
Color 5#2E5A4B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4.2:1AA18
1.8:1Fail
1.2:1Fail
2
2.1:1Fail
2:1Fail
1.2:1Fail
2.4:1Fail
3
4.2:1AA18
2:1Fail
2.4:1Fail
4.8:1AA
4
1.8:1Fail
1.2:1Fail
2.4:1Fail
2:1Fail
5
1.2:1Fail
2.4:1Fail
4.8:1AA
2:1Fail

Similar palettes

More like Sweet Berry Garden

View all vibrant
Vibrant Blossom Fest
Wild Thicket Berries
Berry Patch Dream
Bubblegum Alley
Candy Apple Red
Candy Pop Burst