Back to palettes

Palette

Confectionery Delight

A whimsical and cheerful palette bursting with the sugary, bright colors of gummy candies.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF69B4#FFFF00#00FF00#00BFFF#EE82EE

Palette guide

How to use Confectionery Delight

Overview

The "Confectionery Delight" palette is a whimsical and cheerful burst of sugary, bright colors reminiscent of gummy candies. Featuring vibrant pink #FF69B4, sunny yellow #FFFF00, lively green #00FF00, brilliant blue #00BFFF, and playful purple #EE82EE, this collection is perfect for designers seeking a fun, energetic, and highly engaging aesthetic. It provides a vivid, inviting feel, ideal for creating exciting digital experiences or cheerful brand identities that exude joy and playfulness, with a bold and dynamic presentation.

Best used for

  • Children's entertainment branding
  • Toy store websites or apps
  • Event planning for lively parties
  • Candy shop marketing
  • Creative and artistic portfolios
  • Youth-focused social media campaigns

Suggested color roles

primary

#FF69B4 - A vibrant pink that sets a cheerful, energetic tone for main branding and primary content areas.

secondary

#00BFFF - A brilliant sky blue, offering a refreshing contrast and excellent for supporting information or dynamic backgrounds.

accent

#FFFF00 - A sunny, lively yellow, perfect for high-impact accents, interactive elements, or highlighting key features with maximum visibility.

background

#EE82EE - A playful purple that provides a whimsical backdrop, allowing other vibrant colors to pop.

text

Use a dark, contrasting color like pure black or a very deep charcoal (e.g., #1A1A1A) to ensure readability against these bright, saturated colors.

Accessibility notes

  • Given the high saturation and brightness, extreme care must be taken to ensure text contrast for WCAG AA compliance. Pure black text on many of these colors will be required.
  • Avoid using light text on light colors (e.g., white on #FFFF00 or #00FF00) and dark text on dark colors (e.g., black on #FF69B4 or #EE82EE) without checking contrast.
  • Ensure interactive elements have clear visual states beyond color, as some color combinations may be difficult for colorblind users.
  • Prioritize dark text (black/charcoal) on the brighter colors for all functional text to ensure maximum readability.

Recommended combinations

Rainbow Pop

Creates a lively, energetic burst of color, ideal for playful banners, headings, or graphic elements.

#FF69B4 · #FFFF00 · #00FF00

Dynamic Duo

Provides a vibrant, contrasting pair for backgrounds or highlighted sections, with a bright accent.

#00BFFF · #EE82EE · #FFFF00

Sweet Energy

Offers a harmonious yet energetic blend of cool and warm tones, perfect for illustrations or interactive UI.

#00FF00 · #FF69B4 · #00BFFF

CSS variables

:root {
  --confectionery-delight-1: #FF69B4;
  --confectionery-delight-2: #FFFF00;
  --confectionery-delight-3: #00FF00;
  --confectionery-delight-4: #00BFFF;
  --confectionery-delight-5: #EE82EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "confectionery-delight": {
        1: "#FF69B4",
        2: "#FFFF00",
        3: "#00FF00",
        4: "#00BFFF",
        5: "#EE82EE",
      }
    }
  }
}

Related searches

vibrant candy colorsplayful rainbow palettesweet bright designenergetic branding colorsgummy bear color scheme

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#FFFF00
·
Color 3#00FF00
·
Color 4#00BFFF
·
Color 5#EE82EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.9:1Fail
1.2:1Fail
1.1:1Fail
2
2.5:1Fail
1.3:1Fail
2:1Fail
2.2:1Fail
3
1.9:1Fail
1.3:1Fail
1.5:1Fail
1.7:1Fail
4
1.2:1Fail
2:1Fail
1.5:1Fail
1.1:1Fail
5
1.1:1Fail
2.2:1Fail
1.7:1Fail
1.1:1Fail

Similar palettes

More like Confectionery Delight

View all vibrant
Sugar Drop Carousel
Sweet Shop Candy
Circus Candy Swirl
Cotton Candy Carousel
Gumball Machine Frenzy
Gumball Machine Gleam