Back to palettes

Palette

Playful Gummy Bears

A sweet explosion of intensely bright and cheerful colors, just like a handful of colorful gummy bears.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Playful Gummy Bears 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 Playful Gummy Bears.

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

Data visualization

#FF00FF#00FF00#FFFF00#FF66B2#66CCFF

Palette guide

How to use Playful Gummy Bears

Overview

The Playful Gummy Bears palette offers a sweet explosion of intensely bright and cheerful colors, just like a handful of colorful gummy bears. It features a striking #FF00FF (Magenta), a vibrant #00FF00 (Lime Green), a sunny #FFFF00 (Yellow), a softer #FF66B2 (Pink), and a refreshing #66CCFF (Sky Blue). This palette is excellent for designers and developers aiming to create lively, approachable, and energetic designs. Its mix of pure and softened brights allows for both bold statements and friendly accents, perfect for captivating a playful audience.

Best used for

  • Sweet shop and confectionery branding
  • Children's party invitations and decor
  • Engaging social media graphics
  • Creative workshop and art class promotions
  • Playful e-commerce product displays
  • Bright and cheerful mobile app themes

Suggested color roles

primary

#FF00FF (Magenta) for main branding elements and eye-catching calls to action.

secondary

#00FF00 (Lime Green) for supporting illustrations, fresh accents, or secondary navigation.

accent

#FFFF00 (Yellow) for highlights, interactive elements, or playful, energetic touches.

background

#66CCFF (Sky Blue) can provide a soft, airy background, or use a neutral white/light grey for maximum pop.

text

Dark grey or black for main body text to ensure readability. #FF66B2 can be used for softer, inviting headings.

Accessibility notes

  • Be very mindful of using #FFFF00 for text, as it has extremely low contrast on light backgrounds.
  • Ensure sufficient contrast for all text elements, especially when using #66CCFF as a background color.
  • Opt for dark text on lighter colors like #FF66B2 and #66CCFF for improved readability.
  • Check WCAG contrast ratios to ensure accessibility across all design elements, particularly for interactive states.

Recommended combinations

Sweet & Bright

Creates a cheerful and inviting combination, ideal for sweet-themed designs.

#FF00FF · #FFFF00 · #FF66B2

Fresh Pop

Offers a clean and energetic feel, great for digital interfaces or fresh branding.

#00FF00 · #66CCFF · #FFFF00

Dynamic Contrast

Provides an engaging visual flow, perfect for highlighting different sections of content.

#FF00FF · #00FF00 · #66CCFF

CSS variables

:root {
  --playful-gummy-bears-1: #FF00FF;
  --playful-gummy-bears-2: #00FF00;
  --playful-gummy-bears-3: #FFFF00;
  --playful-gummy-bears-4: #FF66B2;
  --playful-gummy-bears-5: #66CCFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-gummy-bears": {
        1: "#FF00FF",
        2: "#00FF00",
        3: "#FFFF00",
        4: "#FF66B2",
        5: "#66CCFF",
      }
    }
  }
}

Related searches

candy shop colorsplayful pastel brightscheerful design palettesocial media color schemekids party colors

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FF00
·
Color 3#FFFF00
·
Color 4#FF66B2
·
Color 5#66CCFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
2.9:1Fail
1.2:1Fail
1.7:1Fail
2
2.3:1Fail
1.3:1Fail
2:1Fail
1.3:1Fail
3
2.9:1Fail
1.3:1Fail
2.5:1Fail
1.7:1Fail
4
1.2:1Fail
2:1Fail
2.5:1Fail
1.5:1Fail
5
1.7:1Fail
1.3:1Fail
1.7:1Fail
1.5:1Fail

Similar palettes

More like Playful Gummy Bears

View all vibrant
Candy Block Fun
Candy Wrapper Pop
Gummy Bear Rainbow
Lollipop Swirl Dreams
Playful Candy Fizz
Playful Jellybean Row