Palette

Gummy Bear Sweetness

A sweet burst of bright, fruity colors, reminiscent of sugary gummy treats.

playfulplayful5 colors

More playful palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF0000#ADFF2F#00BFFF#FFC0CB#DA70D6

Palette guide

How to use Gummy Bear Sweetness

Overview

The Gummy Bear Sweetness palette delivers a sweet burst of bright, fruity colors, reminiscent of sugary gummy treats. This playful collection features a bold red (#FF0000), a lively lime green (#ADFF2F), a clear sky blue (#00BFFF), a delicate light pink (#FFC0CB), and a charming orchid purple (#DA70D6). The palette offers a delightful mix of vibrant and softer tones, allowing for dynamic yet harmonious designs. It's perfectly suited for projects aiming to evoke a sense of fun, youthfulness, and approachability. Designers can leverage these hues for engaging branding, cheerful digital interfaces, or whimsical illustrations that capture attention and create a joyful user experience. The versatility of bright and pastel shades ensures a wide range of application possibilities.

Best used for

Children's apparel and accessories
Dessert and confectionery branding
Playful mobile game interfaces
Creative stationery and crafts
Youth-oriented event marketing
Whimsical web design elements

Suggested color roles

primary

#FF0000 - A strong, inviting red perfect for primary calls-to-action or key brand identifiers to grab immediate attention.

secondary

#00BFFF - This clear blue provides a refreshing contrast, ideal for secondary information, navigation, or background accents.

accent

#ADFF2F - A lively lime green that can be used for highlights, interactive elements, or to inject a burst of fresh energy.

background

#FFC0CB - A soft, light pink that offers a gentle and inviting base, allowing the more vibrant colors to stand out beautifully.

text

For body text, use a dark neutral like black or charcoal grey to ensure legibility. #DA70D6 can be used for decorative headings or larger, less critical text.

Accessibility notes

Ensure ample contrast for text, especially when pairing light colors like #ADFF2F or #FFC0CB with light text.
Always use dark, legible text (e.g., black or dark grey) for body content against any of these background colors.
Be cautious with #ADFF2F for small text; it may lack sufficient contrast against white or very light backgrounds.
When using #DA70D6 for text, ensure it is on a light background and is of sufficient size to be easily readable.

Recommended combinations

Fruity Fun

Creates a vibrant, energetic combination perfect for playful branding or interactive app elements.

#FF0000 · #ADFF2F · #00BFFF

Soft Whimsy

Ideal for designs needing a gentle yet cheerful feel, such as stationery or delicate illustrations.

#FFC0CB · #DA70D6 · #00BFFF

Sweet Pop

A lively blend for eye-catching accents, product packaging, or digital advertisements.

#ADFF2F · #FF0000 · #FFC0CB

CSS variables

:root {
  --gummy-bear-sweetness-1: #FF0000;
  --gummy-bear-sweetness-2: #ADFF2F;
  --gummy-bear-sweetness-3: #00BFFF;
  --gummy-bear-sweetness-4: #FFC0CB;
  --gummy-bear-sweetness-5: #DA70D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gummy-bear-sweetness": {
        1: "#FF0000",
        2: "#ADFF2F",
        3: "#00BFFF",
        4: "#FFC0CB",
        5: "#DA70D6",
      }
    }
  }
}

Hex values

Color 1#FF0000

Color 2#ADFF2F

Color 3#00BFFF

Color 4#FFC0CB

Color 5#DA70D6

Accessibility

Contrast checker

3.3:1AA18

1.9:1Fail

2.6:1Fail

1.4:1Fail

3.3:1AA18

1.7:1Fail

1.3:1Fail

2.4:1Fail

1.9:1Fail

1.7:1Fail

1.4:1Fail

2.6:1Fail

1.3:1Fail

1.4:1Fail

1.9:1Fail

1.4:1Fail

2.4:1Fail

1.4:1Fail

1.9:1Fail

Similar palettes

More like Gummy Bear Sweetness

Sugary Confection Blend

Gummy Bear Sweetness

See it in context.

Ready when you are.

Built with Gummy Bear Sweetness.

How to use Gummy Bear Sweetness

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Fruity Fun

Soft Whimsy

Sweet Pop

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Gummy Bear Sweetness