Back to palettes

Palette

Sweet Berry Patch

Playful and sweet, reminiscent of ripe berries and delicate blossoms, perfect for cheerful designs.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#800080#FF00FF#DA70D6#E6E6FA#F0F8FF

Palette guide

How to use Sweet Berry Patch

Overview

The Sweet Berry Patch palette is playful and sweet, reminiscent of ripe berries and delicate blossoms, perfect for cheerful designs. This fresh collection features vibrant hues like `#800080` (purple), `#FF00FF` (magenta), `#DA70D6` (orchid), and airy pastels such as `#E6E6FA` (lavender blush) and `#F0F8FF` (alice blue). Designers and developers can utilize these lighthearted colors to create whimsical, youthful, and clean interfaces, branding, or illustrations that evoke a sense of charm and joy.

Best used for

  • Children's apparel or toy branding
  • Creative art supplies and craft kits
  • Playful website interfaces and apps
  • Spring/summer event marketing
  • Whimsical stationery and greeting cards
  • Digital art and illustration portfolios

Suggested color roles

primary

Use `#800080` as a grounding primary for structure, or `#FF00FF` for a dominant vibrant hue.

secondary

Employ `#DA70D6` for a softer supporting role or `#E6E6FA` as a light, airy complement.

accent

Apply `#FF00FF` as a bright, attention-grabbing accent for interactive elements or playful graphics.

background

The lightest shades, `#E6E6FA` or `#F0F8FF`, make excellent very light, airy backgrounds.

text

Dark charcoal or `#800080` offers optimal readability for body text. White text pairs effectively with darker elements like `#800080` or `#FF00FF`.

Accessibility notes

  • The lightest colors, `#E6E6FA` and `#F0F8FF`, are very light and require dark, high-contrast text for readability.
  • Ensure sufficient contrast for all text, especially on mid-tone purples like `#DA70D6`.
  • Use a contrast checker to verify WCAG AA/AAA compliance for text-to-background pairings.
  • Avoid using light text on `#E6E6FA` or `#F0F8FF` for critical information due to extremely low contrast.

Recommended combinations

Playful Pop

Ideal for a vibrant header, a cheerful call-to-action, or a playful graphic element.

#800080 · #FF00FF · #E6E6FA

Soft & Bright

Perfect for a delicate background with a bright accent, or a whimsical UI component.

#DA70D6 · #F0F8FF · #FF00FF

Patch Mix

Excellent for a balanced content block, a layered illustration, or a welcoming website section.

#800080 · #DA70D6 · #E6E6FA

CSS variables

:root {
  --sweet-berry-patch-1: #800080;
  --sweet-berry-patch-2: #FF00FF;
  --sweet-berry-patch-3: #DA70D6;
  --sweet-berry-patch-4: #E6E6FA;
  --sweet-berry-patch-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-berry-patch": {
        1: "#800080",
        2: "#FF00FF",
        3: "#DA70D6",
        4: "#E6E6FA",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

playful purple pink palettesweet berry website designwhimsical color schemelight lavender magenta colorscreative children's branding

Palette colors

Hex values

Color 1#800080
·
Color 2#FF00FF
·
Color 3#DA70D6
·
Color 4#E6E6FA
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
3:1AA18
3.3:1AA18
7.7:1AAA
8.8:1AAA
2
3:1AA18
1.1:1Fail
2.5:1Fail
2.9:1Fail
3
3.3:1AA18
1.1:1Fail
2.3:1Fail
2.7:1Fail
4
7.7:1AAA
2.5:1Fail
2.3:1Fail
1.1:1Fail
5
8.8:1AAA
2.9:1Fail
2.7:1Fail
1.1:1Fail

Similar palettes

More like Sweet Berry Patch

View all pastel
Sweet Berry Bliss
Sweet Berry Delight
Sweet Berry Bliss
Sweet Berry Fizz
Sweet Berry Medley
Candyfloss Cloud Dream