Back to palettes

Palette

Summer Popsicle Pop

A delightful burst of cheerful, pastel brights, reminiscent of refreshing popsicles on a hot summer day.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Summer Popsicle Pop 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 Popsicle Pop.

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

Data visualization

#FF6B6B#FFD166#A2D5C0#A0E8F8#F0B2F7

Palette guide

How to use Summer Popsicle Pop

Overview

The Summer Popsicle Pop palette is a delightful explosion of cheerful pastels, perfect for injecting fun and vibrancy into any design. It features a lively coral pink (#FF6B6B), a sunny yellow (#FFD166), a refreshing mint green (#A2D5C0), a cool sky blue (#A0E8F8), and a playful lavender pink (#F0B2F7). This collection is ideal for designers and developers looking to create lighthearted, energetic, and youthful projects. Its bright yet soft hues are perfect for playful branding, engaging web interfaces, or charming print materials, evoking the joy of summer treats and carefree days.

Best used for

  • Children's toy branding
  • Ice cream shop marketing materials
  • Summer camp promotional designs
  • Playful mobile app interfaces
  • Candy store website design
  • Youth fashion accessories

Suggested color roles

primary

Use #FF6B6B (coral pink) for prominent calls-to-action or key design elements, adding a burst of playful energy.

secondary

Apply #FFD166 (sunny yellow) for secondary buttons, highlights, or cheerful accents, bringing warmth and optimism.

accent

Introduce #F0B2F7 (lavender pink) for delicate details, icons, or subtle patterns, offering a whimsical touch.

background

Employ #A0E8F8 (sky blue) or #A2D5C0 (mint green) as main background colors, providing a fresh and airy canvas.

text

For optimal readability, use a dark grey or charcoal for body text and headings, providing contrast against the bright pastels.

Accessibility notes

  • All colors are bright and light; ensure text has sufficient contrast by pairing with a dark neutral like charcoal or black.
  • Avoid using any of the palette colors for small text or critical information directly on another palette color without contrast testing.
  • The #FF6B6B and #FFD166 may require white text or very dark text to meet WCAG contrast guidelines.
  • Consider using a slightly darker shade or outline for icons and small graphics if they are rendered in lighter palette colors.

Recommended combinations

Cool Pop

Perfect for refreshing backgrounds or playful content areas, combining cool tones with a vibrant pop of pink.

#A2D5C0 · #A0E8F8 · #FF6B6B

Sunny Splash

Ideal for cheerful headers or engaging elements, blending sunny yellow with blue and lavender pink.

#FFD166 · #A0E8F8 · #F0B2F7

Sweet Burst

Use for playful illustrations or vibrant calls-to-action, offering a sweet and energetic mix.

#FF6B6B · #F0B2F7 · #A2D5C0

CSS variables

:root {
  --summer-popsicle-pop-1: #FF6B6B;
  --summer-popsicle-pop-2: #FFD166;
  --summer-popsicle-pop-3: #A2D5C0;
  --summer-popsicle-pop-4: #A0E8F8;
  --summer-popsicle-pop-5: #F0B2F7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "summer-popsicle-pop": {
        1: "#FF6B6B",
        2: "#FFD166",
        3: "#A2D5C0",
        4: "#A0E8F8",
        5: "#F0B2F7",
      }
    }
  }
}

Related searches

pastel summer color palettebright fun design colorspopsicle inspired color schemecheerful youthful palettelight vibrant web design

Palette colors

Hex values

Color 1#FF6B6B
·
Color 2#FFD166
·
Color 3#A2D5C0
·
Color 4#A0E8F8
·
Color 5#F0B2F7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.7:1Fail
2:1Fail
1.6:1Fail
2
1.9:1Fail
1.1:1Fail
1.1:1Fail
1.2:1Fail
3
1.7:1Fail
1.1:1Fail
1.2:1Fail
1:1Fail
4
2:1Fail
1.1:1Fail
1.2:1Fail
1.2:1Fail
5
1.6:1Fail
1.2:1Fail
1:1Fail
1.2:1Fail

Similar palettes

More like Summer Popsicle Pop

View all pastel
Candy Cloud
Candyfloss Cloud Dream
Confection Cloud Blush
Pastel Rainbow Glaze
Whimsical Glaze Pop
Bubblegum Carnival Pop