Back to palettes

Palette

Sweet Berrylicious Treat

A delightful, sugary blend of fresh berry colors, bright and bursting with joy.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Berrylicious Treat 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 Berrylicious Treat.

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

Data visualization

#E0115F#4682B4#FFF8DC#98FB98#9400D3

Palette guide

How to use Sweet Berrylicious Treat

Overview

The "Sweet Berrylicious Treat" palette is a delightful and eclectic mix of vibrant hues, capturing the essence of a joyful, sugary experience. It combines a bold #E0115F with the serene #4682B4, a sunny #FFF8DC, a fresh #98FB98, and a regal #9400D3. This diverse collection of colors offers designers and developers an exciting toolkit for creating dynamic, eye-catching, and playful designs. It's particularly effective for projects that require a multi-faceted approach to color, allowing for both striking contrasts and harmonious blends across various elements.

Best used for

  • Creative marketing campaigns
  • Playful children's illustrations
  • Educational app interfaces
  • Festival and event branding
  • Unique digital art projects
  • Websites with a whimsical and vibrant theme

Suggested color roles

primary

Use #E0115F for prominent features, calls to action, or to inject a burst of energetic color.

secondary

Apply #4682B4 for supporting elements, navigation, or as a calming counterpoint to the warmer tones.

accent

Employ #9400D3 for strong highlights, icons, or to add a touch of unexpected depth and sophistication.

background

Utilize #FFF8DC as a warm, inviting background to allow the other vibrant colors to stand out beautifully.

text

For optimal readability, use a dark charcoal or black. For colored text, #E0115F or #4682B4 provide good contrast against #FFF8DC.

Accessibility notes

  • Ensure high contrast when pairing vibrant colors like #E0115F or #9400D3 with the light #FFF8DC background.
  • Be cautious when using #98FB98 for text on #FFF8DC, as contrast may be insufficient for accessibility.
  • Use a dark neutral color for body text to ensure readability across different colored sections.
  • Consider larger font sizes for decorative text elements that utilize lower contrast color combinations.

Recommended combinations

Vibrant Contrast

Creates a bold, energetic, and balanced look, great for headers and key informational blocks.

#E0115F · #4682B4 · #FFF8DC

Playful Mix

Ideal for illustrations or sections where a whimsical and varied color scheme is desired.

#98FB98 · #9400D3 · #FFF8DC

Bold Statement

Perfect for designs that need to make a strong, memorable impression with distinct color blocks.

#E0115F · #9400D3 · #4682B4

CSS variables

:root {
  --sweet-berrylicious-treat-2-1: #E0115F;
  --sweet-berrylicious-treat-2-2: #4682B4;
  --sweet-berrylicious-treat-2-3: #FFF8DC;
  --sweet-berrylicious-treat-2-4: #98FB98;
  --sweet-berrylicious-treat-2-5: #9400D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-berrylicious-treat-2": {
        1: "#E0115F",
        2: "#4682B4",
        3: "#FFF8DC",
        4: "#98FB98",
        5: "#9400D3",
      }
    }
  }
}

Related searches

multi color vibrant paletteberry blue green purpleplayful bright colorseclectic design schemecheerful website colors

Palette colors

Hex values

Color 1#E0115F
·
Color 2#4682B4
·
Color 3#FFF8DC
·
Color 4#98FB98
·
Color 5#9400D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
4.5:1AA18
3.8:1AA18
1.4:1Fail
2
1.2:1Fail
3.9:1AA18
3.2:1AA18
1.6:1Fail
3
4.5:1AA18
3.9:1AA18
1.2:1Fail
6.2:1AA
4
3.8:1AA18
3.2:1AA18
1.2:1Fail
5.2:1AA
5
1.4:1Fail
1.6:1Fail
6.2:1AA
5.2:1AA

Similar palettes

More like Sweet Berrylicious Treat

View all vibrant