Back to palettes

Palette

Gummy Bear Rainbow

A cheerful and energetic palette reminiscent of sweet gummy candies and playful childhood memories.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF4D6D#FFBE0B#59EEA7#3A86FF#A759EE

Palette guide

How to use Gummy Bear Rainbow

Overview

The Gummy Bear Rainbow palette is a cheerful and energetic collection reminiscent of sweet gummy candies and playful childhood memories. Featuring a vibrant red-pink (#FF4D6D), sunny yellow (#FFBE0B), fresh mint green (#59EEA7), bold blue (#3A86FF), and vivid purple (#A759EE), this palette offers a full spectrum of inviting hues. It's ideal for designs that aim to be fun, approachable, and full of life. Designers can effectively use these bright, saturated colors to create engaging user interfaces, lively branding, or whimsical illustrations that capture attention and evoke a sense of joy. The balanced variety of warm and cool tones allows for dynamic compositions without sacrificing harmony, making it perfect for conveying a playful and optimistic mood.

Best used for

  • Children's entertainment branding
  • Creative educational apps
  • Toy packaging and marketing
  • Youth fashion and accessories
  • Digital illustrations and animations
  • Interactive website design

Suggested color roles

primary

#FF4D6D - This vibrant red-pink serves as an energetic anchor, perfect for main calls-to-action or prominent branding elements.

secondary

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

accent

#FFBE0B - Use this bright yellow for highlighting key information, interactive states, or small details that require immediate attention.

background

A clean white or very light grey allows the full vibrancy of these colors to stand out. #59EEA7 can be used for subtle, fresh background elements.

text

For optimal readability, use black or a deep charcoal grey for body text. #A759EE can be used for decorative headings or larger, less critical text elements.

Accessibility notes

  • Ensure high contrast for text, especially when using lighter colors like #FFBE0B as a background. Black text is usually safest.
  • Avoid using light text on #59EEA7 without thoroughly checking WCAG contrast ratios.
  • When combining #FF4D6D and #3A86FF, ensure sufficient visual separation or clear hierarchy for color-blind users.
  • Prioritize dark, legible text against all background colors to maintain readability across diverse screens and lighting conditions.

Recommended combinations

Cheerful Contrast

Creates an exciting, high-contrast look suitable for banners, logos, or calls-to-action.

#FF4D6D · #3A86FF · #FFBE0B

Fresh & Lively

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

#59EEA7 · #FFBE0B · #A759EE

Bold Statement

A powerful trio for impactful branding, artistic projects, or any design demanding strong visual appeal.

#A759EE · #FF4D6D · #3A86FF

CSS variables

:root {
  --gummy-bear-rainbow-1: #FF4D6D;
  --gummy-bear-rainbow-2: #FFBE0B;
  --gummy-bear-rainbow-3: #59EEA7;
  --gummy-bear-rainbow-4: #3A86FF;
  --gummy-bear-rainbow-5: #A759EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gummy-bear-rainbow": {
        1: "#FF4D6D",
        2: "#FFBE0B",
        3: "#59EEA7",
        4: "#3A86FF",
        5: "#A759EE",
      }
    }
  }
}

Related searches

playful rainbow palettebright candy colorsvibrant kids designcolorful pop art schemeenergetic graphic design colors

Palette colors

Hex values

Color 1#FF4D6D
·
Color 2#FFBE0B
·
Color 3#59EEA7
·
Color 4#3A86FF
·
Color 5#A759EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.2:1Fail
1.1:1Fail
1.2:1Fail
2
1.9:1Fail
1.1:1Fail
2.1:1Fail
2.4:1Fail
3
2.2:1Fail
1.1:1Fail
2.4:1Fail
2.7:1Fail
4
1.1:1Fail
2.1:1Fail
2.4:1Fail
1.1:1Fail
5
1.2:1Fail
2.4:1Fail
2.7:1Fail
1.1:1Fail

Similar palettes

More like Gummy Bear Rainbow

View all vibrant
Bubblegum Pop Burst
Candy Block Fun
Candy Wrapper Pop
Lollipop Swirl Dreams
Playful Gummy Bears
Playful Jellybean Row