Back to palettes

Palette

Summer Solstice Fizz

A bright and playful palette evoking the joyful burst of a summer day's refreshing drinks.

VibrantPlayful5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Summer Solstice Fizz 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 Solstice Fizz.

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

Data visualization

#FFBE0B#FB5607#FF006E#8338EC#3A86FF

Palette guide

How to use Summer Solstice Fizz

Overview

The Summer Solstice Fizz palette is a high-energy, playful collection that captures the exhilarating spirit of a long summer day. It bursts with a bright yellow (#FFBE0B), a dynamic orange (#FB5607), a vibrant magenta (#FF006E), a rich purple (#8338EC), and a striking blue (#3A86FF). This palette is perfect for designers and developers aiming to create bold, joyful, and unforgettable projects. Its intense and contrasting hues make it ideal for lively digital marketing, festive event branding, or engaging user interfaces that demand attention and convey a sense of fun and excitement.

Best used for

  • Festival and event branding
  • Youth entertainment platforms
  • Creative advertising campaigns
  • Vibrant mobile game interfaces
  • Party supplies and decor
  • Music streaming service visuals

Suggested color roles

primary

Use #3A86FF (striking blue) for main calls-to-action or foundational branding, providing a strong, modern anchor.

secondary

Apply #FFBE0B (bright yellow) for highlights, interactive elements, or energetic accents, bringing immediate attention.

accent

Introduce #FF006E (vibrant magenta) for unique design details, icons, or to create a playful contrast, adding flair.

background

A clean white or very light grey background is recommended to allow these intense colors to truly pop and maintain clarity.

text

Employ black or a very dark charcoal for body text and headings to ensure maximum readability against the bright, saturated colors.

Accessibility notes

  • All colors are highly saturated; ensure text has sufficient contrast by pairing with black or white text.
  • Avoid using any two palette colors together for text and background unless contrast ratios are rigorously checked and meet WCAG.
  • The vibrancy of #FFBE0B, #FB5607, and #FF006E means they require high contrast text (e.g., black or white) for legibility.
  • When using these colors for critical information, consider larger font sizes or bolding to improve readability.

Recommended combinations

Electric Pop

Perfect for dynamic headlines or hero sections, creating a high-energy and exciting visual impact.

#FFBE0B · #FB5607 · #FF006E

Cool Burst

Ideal for modern interfaces or branding, combining cool blues and purples with a vibrant yellow accent.

#3A86FF · #8338EC · #FFBE0B

Festive Blend

Use for playful elements or infographics, offering a bold and engaging mix of magenta, orange, and purple.

#FF006E · #FB5607 · #8338EC

CSS variables

:root {
  --summer-solstice-fizz-1: #FFBE0B;
  --summer-solstice-fizz-2: #FB5607;
  --summer-solstice-fizz-3: #FF006E;
  --summer-solstice-fizz-4: #8338EC;
  --summer-solstice-fizz-5: #3A86FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "summer-solstice-fizz": {
        1: "#FFBE0B",
        2: "#FB5607",
        3: "#FF006E",
        4: "#8338EC",
        5: "#3A86FF",
      }
    }
  }
}

Related searches

vibrant party color paletteenergetic bright designsummer festival color schemebold contrasting paletteplayful saturated colors

Palette colors

Hex values

Color 1#FFBE0B
·
Color 2#FB5607
·
Color 3#FF006E
·
Color 4#8338EC
·
Color 5#3A86FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.3:1Fail
3.4:1AA18
2.1:1Fail
2
2:1Fail
1.2:1Fail
1.7:1Fail
1.1:1Fail
3
2.3:1Fail
1.2:1Fail
1.5:1Fail
1.1:1Fail
4
3.4:1AA18
1.7:1Fail
1.5:1Fail
1.6:1Fail
5
2.1:1Fail
1.1:1Fail
1.1:1Fail
1.6:1Fail

Similar palettes

More like Summer Solstice Fizz

View all Vibrant
Playful Candy Rainbow
Tropical Fruit Punch
Citrus Grove Sparkle
Playful Citrus Zest
Tropical Fruit Fusion
Wild Berries