Back to palettes

Palette

Sweet Summer Berries

A refreshing burst of ripe summer fruits, full of natural sweetness and playful vibrancy.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Summer Berries 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 Summer Berries.

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

Data visualization

#FF007F#4169E1#7CFC00#F8F8F8#FFB6C1

Palette guide

How to use Sweet Summer Berries

Overview

The Sweet Summer Berries color palette bursts with playful vibrancy, echoing the refreshing sweetness of ripe fruits. Featuring a bold Raspberry pink (#FF007F) that commands attention, it's beautifully balanced by a striking Royal blue (#4169E1) and a lively Lawn green (#7CFC00). These energetic hues are grounded by a soft, almost-white background (#F8F8F8) and complemented by a gentle Light pink (#FFB6C1). This palette is designed to evoke joy and a fresh, summery feel, making it ideal for projects that aim to be energetic, natural, and delightfully engaging. It offers a dynamic range for impactful and memorable designs.

Best used for

  • Children's product packaging and branding
  • Summer festival and event promotions
  • Fruit-themed food and beverage branding
  • Playful mobile app interfaces and games
  • Creative digital art and illustration
  • Youth fashion and accessory design

Suggested color roles

primary

#FF007F (Raspberry) - Use this bold, vibrant pink as the main focal point for calls to action, prominent headings, or key branding elements to convey energy and fun.

secondary

#4169E1 (Royal Blue) - This strong blue provides an excellent contrast and grounding effect. Ideal for secondary navigation, important data visualization, or to add a touch of playful sophistication.

accent

#7CFC00 (Lawn Green) - Deploy this bright green sparingly for fresh accents, interactive elements, or to highlight natural, organic themes, ensuring it pops against other colors.

background

#F8F8F8 (Off-white) - A clean, bright background that allows the vibrant primary and secondary colors to truly shine. Ensures readability and a fresh, open feel.

text

#FFB6C1 (Light Pink) - This light pink is best suited for decorative text, subheadings, or as a hover state. For general body text, a dark charcoal or black is recommended for optimal readability against #F8F8F8.

Accessibility notes

  • Ensure sufficient contrast when using #FFB6C1 (Light Pink) for text, especially on light backgrounds like #F8F8F8; it may not meet WCAG AA standards.
  • The vibrant #FF007F (Raspberry) and #4169E1 (Royal Blue) offer strong contrast against #F8F8F8, making them excellent choices for primary text or interactive elements.
  • Be mindful of contrast when pairing #7CFC00 (Lawn Green) with other vibrant colors; test combinations to prevent visual strain.
  • For critical information, always opt for high contrast text (e.g., dark text on #F8F8F8) to maximize readability for all users.

Recommended combinations

Berry Burst

A high-energy trio perfect for dynamic headings, playful illustrations, or vibrant call-to-action buttons that demand attention.

#FF007F · #4169E1 · #7CFC00

Fresh & Sweet

Ideal for a delicate yet impactful look, using the off-white as a clean base, the light pink for soft elements, and the raspberry for key highlights.

#F8F8F8 · #FFB6C1 · #FF007F

Garden Party

A refreshing combination for natural themes, eco-friendly branding, or designs where a clean, approachable, yet vibrant feel is desired.

#7CFC00 · #4169E1 · #F8F8F8

CSS variables

:root {
  --sweet-summer-berries-1: #FF007F;
  --sweet-summer-berries-2: #4169E1;
  --sweet-summer-berries-3: #7CFC00;
  --sweet-summer-berries-4: #F8F8F8;
  --sweet-summer-berries-5: #FFB6C1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-summer-berries": {
        1: "#FF007F",
        2: "#4169E1",
        3: "#7CFC00",
        4: "#F8F8F8",
        5: "#FFB6C1",
      }
    }
  }
}

Related searches

summer color palettevibrant fruit colorsplayful design paletteberry inspired color schemeenergetic branding colors

Palette colors

Hex values

Color 1#FF007F
·
Color 2#4169E1
·
Color 3#7CFC00
·
Color 4#F8F8F8
·
Color 5#FFB6C1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.8:1Fail
3.6:1AA18
2.3:1Fail
2
1.3:1Fail
3.6:1AA18
4.6:1AA
2.9:1Fail
3
2.8:1Fail
3.6:1AA18
1.3:1Fail
1.2:1Fail
4
3.6:1AA18
4.6:1AA
1.3:1Fail
1.6:1Fail
5
2.3:1Fail
2.9:1Fail
1.2:1Fail
1.6:1Fail

Similar palettes

More like Sweet Summer Berries

View all vibrant
Orchard Fruit Medley
Summer Berry Compote
Berry Blossom
Berry Patch Bliss
Berry Patch Bliss
Confectionery Delight