Back to palettes

Palette

Summer Smoothie Burst

A refreshing burst of sunny and bright colors, like a delicious tropical fruit smoothie.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Summer Smoothie Burst 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 Summer Smoothie Burst.

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

Data visualization

#FFD700#FF6347#32CD32#FFA07A#ADD8E6

Palette guide

How to use Summer Smoothie Burst

Overview

The Summer Smoothie Burst palette is a refreshing and vibrant collection, reminiscent of a delicious tropical fruit blend. It features a brilliant gold (#FFD700), a lively tomato red (#FF6347), a fresh lime green (#32CD32), a soft light salmon (#FFA07A), and a cool light blue (#ADD8E6). This palette is perfect for designers and developers aiming to create energetic, playful, and health-conscious projects. Its blend of bright and slightly muted tones makes it adaptable for food-related branding, active lifestyle apps, or engaging digital interfaces, evoking freshness and vitality.

Best used for

  • Healthy food and beverage branding
  • Fitness app interfaces
  • Tropical resort marketing
  • Summer party invitations
  • Smoothie bar website design
  • Children's educational apps

Suggested color roles

primary

Use #FFD700 (brilliant gold) for prominent calls-to-action or key branding elements, signifying energy and vibrancy.

secondary

Apply #32CD32 (lime green) for secondary navigation, fresh accents, or illustrative elements, adding a healthy, lively touch.

accent

Introduce #ADD8E6 (light blue) for subtle highlights, icons, or to provide a cooling contrast, balancing the warm tones.

background

Employ #FFA07A (light salmon) for content sections or light backgrounds, offering a warm and inviting base.

text

For optimal readability, use a dark charcoal or deep green (like a darker #32CD32) for body text and headings against lighter colors.

Accessibility notes

  • Ensure sufficient contrast when pairing #ADD8E6 or #FFA07A with light text; dark text is generally required.
  • The vibrant #FFD700 and #FF6347 will require dark text (black/charcoal) or white text to meet WCAG contrast standards.
  • Text in #32CD32 can be legible on #FFD700 or white, but always check specific contrast ratios.
  • Avoid using #ADD8E6 text on #FFA07A background without careful contrast checking due to similar lightness.

Recommended combinations

Tropical Burst

Perfect for energetic headers or hero sections, creating a vibrant and impactful impression.

#FFD700 · #FF6347 · #32CD32

Fresh Blend

Ideal for refreshing content areas or UI elements, combining green with soft salmon and cool blue.

#32CD32 · #FFA07A · #ADD8E6

Fruity Glow

Use for warm accents or calls-to-action, evoking the juicy colors of summer fruits.

#FF6347 · #FFD700 · #FFA07A

CSS variables

:root {
  --summer-smoothie-burst-1: #FFD700;
  --summer-smoothie-burst-2: #FF6347;
  --summer-smoothie-burst-3: #32CD32;
  --summer-smoothie-burst-4: #FFA07A;
  --summer-smoothie-burst-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "summer-smoothie-burst": {
        1: "#FFD700",
        2: "#FF6347",
        3: "#32CD32",
        4: "#FFA07A",
        5: "#ADD8E6",
      }
    }
  }
}

Related searches

vibrant fruit color palettetropical bright design colorsenergetic summer schemehealthy food color combinationsmoothie inspired palette

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FF6347
·
Color 3#32CD32
·
Color 4#FFA07A
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.5:1Fail
1.4:1Fail
1.1:1Fail
2
2.1:1Fail
1.4:1Fail
1.5:1Fail
1.9:1Fail
3
1.5:1Fail
1.4:1Fail
1.1:1Fail
1.4:1Fail
4
1.4:1Fail
1.5:1Fail
1.1:1Fail
1.3:1Fail
5
1.1:1Fail
1.9:1Fail
1.4:1Fail
1.3:1Fail

Similar palettes

More like Summer Smoothie Burst

View all vibrant