Back to palettes

Palette

Gummy Delight

A joyful explosion of bold, sugary colors reminiscent of a classic candy store's playful array.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF4081#FFC107#2196F3#8BC34A#9C27B0

Palette guide

How to use Gummy Delight

Overview

The Gummy Delight palette is a joyful explosion of bold, sugary colors reminiscent of a classic candy store's playful array. Featuring a vibrant pink (#FF4081), a sunny yellow-orange (#FFC107), a clear blue (#2196F3), a fresh green (#8BC34A), and a rich purple (#9C27B0), this palette is designed to bring cheer and energy to any project. It's ideal for designers looking to create engaging, fun, and approachable visuals that capture attention. These bright, saturated hues are perfect for dynamic user interfaces, eye-catching branding, or lively illustrations. The strong contrast and inherent playfulness make it an excellent choice for connecting with audiences through a burst of cheerful optimism, ensuring designs are memorable and full of life.

Best used for

  • Youth-focused branding and marketing
  • Candy and confectionery packaging
  • Interactive children's apps and games
  • Event and party invitations
  • Vibrant social media campaigns
  • Playful website design elements

Suggested color roles

primary

#FF4081 - This vibrant pink serves as an energetic primary, perfect for calls-to-action or prominent branding elements to grab attention.

secondary

#2196F3 - A strong blue that offers a cool, stable contrast, excellent for navigation, secondary buttons, or background sections.

accent

#FFC107 - A brilliant yellow-orange perfect for highlights, active states, or small interactive elements that need to pop with energy.

background

A clean white or very light grey provides the best canvas for these vibrant colors to shine. #8BC34A can be used for subtle, fresh background elements.

text

Pure black or a deep charcoal grey is recommended for all body text to ensure maximum readability against these bright backgrounds. #9C27B0 can be used for decorative headings.

Accessibility notes

  • High contrast is crucial for text. Always use black or dark grey text on any of these bright colors.
  • Avoid placing light text (e.g., white) on #FFC107 or #8BC34A as contrast will likely be insufficient.
  • Be mindful of color-blind users; rely on more than just color to convey information, especially with red/green combinations.
  • Ensure sufficient contrast ratios (WCAG AA or AAA) for all text and interactive elements due to the palette's high saturation.

Recommended combinations

Sweet & Bold

Creates a high-energy, contrasting look perfect for bold headlines, logos, or hero sections.

#FF4081 · #FFC107 · #2196F3

Fresh & Playful

Ideal for designs needing a vibrant yet harmonious feel, such as infographics or playful app screens.

#8BC34A · #FFC107 · #9C27B0

Dynamic Pop

A striking combination for digital art, gaming interfaces, or attention-grabbing social media posts.

#9C27B0 · #2196F3 · #FF4081

CSS variables

:root {
  --gummy-delight-1: #FF4081;
  --gummy-delight-2: #FFC107;
  --gummy-delight-3: #2196F3;
  --gummy-delight-4: #8BC34A;
  --gummy-delight-5: #9C27B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gummy-delight": {
        1: "#FF4081",
        2: "#FFC107",
        3: "#2196F3",
        4: "#8BC34A",
        5: "#9C27B0",
      }
    }
  }
}

Related searches

bright candy colorsplayful vibrant palettesweet fun designcolorful pop art schemeenergetic branding colors

Palette colors

Hex values

Color 1#FF4081
·
Color 2#FFC107
·
Color 3#2196F3
·
Color 4#8BC34A
·
Color 5#9C27B0
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.1:1Fail
1.6:1Fail
1.9:1Fail
2
2:1Fail
1.9:1Fail
1.3:1Fail
3.9:1AA18
3
1.1:1Fail
1.9:1Fail
1.5:1Fail
2:1Fail
4
1.6:1Fail
1.3:1Fail
1.5:1Fail
3:1AA18
5
1.9:1Fail
3.9:1AA18
2:1Fail
3:1AA18

Similar palettes

More like Gummy Delight

View all vibrant
Playful Candy Crush
Playful Jelly Bean
Candy Block Fun
Gummy Bear Blast
Lollipop Swirl Dreams
Lollipop Swirl Sugar