Back to palettes

Palette

Sweet Gumdrop Frolic

A burst of sugary joy, reminiscent of a colorful, chewy assortment of delightful, sweet gumdrop treats.

playfulplayful5 colors
More playful palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Gumdrop Frolic 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 Sweet Gumdrop Frolic.

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

Data visualization

#FF69B4#87CEEB#FFD700#98FB98#BA55D3

Palette guide

How to use Sweet Gumdrop Frolic

Overview

The "Sweet Gumdrop Frolic" palette is a burst of vibrant, playful colors, reminiscent of a colorful candy assortment. It features a lively hot pink (#FF69B4), a refreshing sky blue (#87CEEB), a sunny gold (#FFD700), a cheerful light green (#98FB98), and a regal medium purple (#BA55D3). This diverse and energetic collection is perfect for designs that aim to be fun, youthful, and highly engaging. Designers can leverage these distinct hues to create dynamic illustrations, captivating children's content, or bold, whimsical branding, ensuring a memorable and visually stimulating experience that truly pops.

Best used for

  • Children's educational apps
  • Toy packaging and branding
  • Event posters and flyers
  • Playful website designs
  • Creative digital art projects
  • Theme park or entertainment branding

Suggested color roles

primary

Use #FF69B4 (Hot Pink) or #FFD700 (Gold) for dominant elements, headlines, or call-to-action buttons to grab immediate attention.

secondary

Apply #87CEEB (Sky Blue) or #98FB98 (Light Green) for supporting sections, background accents, or illustrations to add balance.

accent

Employ #BA55D3 (Medium Purple) sparingly for key highlights, interactive elements, or unique graphical details to add depth and interest.

background

Due to the vibrancy, consider using a very light neutral (e.g., near white) or a very light shade of one of the palette colors for backgrounds to let elements stand out.

text

For optimal readability, use a dark neutral color like black or a rich charcoal (#333333) for body text. #FF69B4 or #BA55D3 can be used for large, decorative headings.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter colors like #98FB98 or #87CEEB for backgrounds.
  • Avoid placing #FF69B4 and #FFD700 in close proximity for critical information due to potential visual vibration for some users.
  • When using #BA55D3 for text, ensure it's on a light background (e.g., white or #98FB98) to meet WCAG contrast guidelines.
  • Test color combinations for readability, particularly for users with color vision deficiencies, as bright colors can sometimes be challenging.

Recommended combinations

Carnival Fun

Creates an energetic and festive feel, perfect for event promotion or playful marketing materials.

#FF69B4 · #FFD700 · #87CEEB

Garden Party

Offers a fresh, whimsical combination, suitable for nature-themed designs or lighthearted branding.

#98FB98 · #BA55D3 · #87CEEB

Bold Contrast

Use the gold as a primary, purple for secondary, and pink for strong accents to create visual punch.

#FFD700 · #BA55D3 · #FF69B4

CSS variables

:root {
  --sweet-gumdrop-frolic-1: #FF69B4;
  --sweet-gumdrop-frolic-2: #87CEEB;
  --sweet-gumdrop-frolic-3: #FFD700;
  --sweet-gumdrop-frolic-4: #98FB98;
  --sweet-gumdrop-frolic-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-gumdrop-frolic": {
        1: "#FF69B4",
        2: "#87CEEB",
        3: "#FFD700",
        4: "#98FB98",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

bright candy color schemesplayful primary colorsvibrant fun palettecolorful children's designgumdrop inspired colors

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#87CEEB
·
Color 3#FFD700
·
Color 4#98FB98
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.9:1Fail
2.1:1Fail
1.5:1Fail
2
1.5:1Fail
1.2:1Fail
1.4:1Fail
2.3:1Fail
3
1.9:1Fail
1.2:1Fail
1.1:1Fail
2.8:1Fail
4
2.1:1Fail
1.4:1Fail
1.1:1Fail
3.1:1AA18
5
1.5:1Fail
2.3:1Fail
2.8:1Fail
3.1:1AA18

Similar palettes

More like Sweet Gumdrop Frolic

View all playful
Candy Store Whimsy
Jelly Bean Carnival
Vintage Candy Shop
Gumball Alley Joy
Sugary Confection Blend
Gummy Bear Sweetness