Palette

Vintage Candy Store

A joyful explosion of bright, sugary colors from an old-fashioned candy shop.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Candy Store 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 Vintage Candy Store.

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

Data visualization

#FFD700#FF4500#FF69B4#8B00FF#32CD32

Palette guide

How to use Vintage Candy Store

Overview

The "Vintage Candy Store" palette is a true burst of joyful, vibrant colors, perfectly capturing the exhilarating feel of an old-fashioned sweet shop. With a dazzling gold #FFD700, an energetic orange-red #FF4500, a playful hot pink #FF69B4, a rich dark violet #8B00FF, and a lively lime green #32CD32, this collection is designed for maximum impact. Designers can harness its bold energy for branding that screams fun and excitement, while developers will appreciate the distinct contrast between shades for creating highly engaging and memorable user interfaces. This palette is an excellent choice for projects that aim to be loud, proud, and irresistibly cheerful.

Best used for

Youth-oriented brands or products
Festival or carnival event marketing
Interactive game interfaces
Creative advertising campaigns
Pop-art inspired designs
Fun and energetic social media visuals

Suggested color roles

primary

A brilliant gold (#FFD700) that acts as an instant eye-catcher, radiating warmth and excitement. Ideal for critical calls to action or prominent headlines.

secondary

A dynamic orange-red (#FF4500), perfect for secondary buttons, alerts, or sections needing high energy and urgency.

accent

A deep, striking violet (#8B00FF) that provides a powerful, unexpected pop, excellent for small, high-impact details or unique branding elements.

background

A clean, bright near-white (e.g., #F8F8F8) background is essential to let these vibrant colors truly shine and avoid visual clutter.

text

A dark charcoal (e.g., #333333) provides strong contrast for readability against all the bright colors, especially #FFD700, #FF4500, #FF69B4, and #32CD32. White text works well on #8B00FF.

Accessibility notes

Extreme caution is needed when using these vibrant colors for text; most will require a very high contrast background (e.g., black or white).
Avoid placing #FFD700 text on white or light backgrounds; it has insufficient contrast. Use it for large headings or graphics only.
#FF4500 and #32CD32 may also struggle with contrast on white for small text; consider larger text or dark backgrounds.
#8B00FF works well with white text. Always test all text and interactive element combinations for WCAG AA compliance.

Recommended combinations

Energetic Pop

Excellent for creating high-energy advertisements, call-to-action buttons, or vibrant header banners.

#FFD700 · #FF4500 · #FF69B4

Bold Contrast

Ideal for dynamic infographics, distinct section separators, or playful branding elements that stand out.

#8B00FF · #32CD32 · #FFD700

Playful Primary

Use for game interfaces, children's product designs, or any design needing a strong, cheerful primary color feel.

#FF4500 · #32CD32 · #FFD700

CSS variables

:root {
  --vintage-candy-store-1: #FFD700;
  --vintage-candy-store-2: #FF4500;
  --vintage-candy-store-3: #FF69B4;
  --vintage-candy-store-4: #8B00FF;
  --vintage-candy-store-5: #32CD32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-candy-store": {
        1: "#FFD700",
        2: "#FF4500",
        3: "#FF69B4",
        4: "#8B00FF",
        5: "#32CD32",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#FF4500

Color 3#FF69B4

Color 4#8B00FF

Color 5#32CD32

Accessibility

Contrast checker

2.5:1Fail

1.9:1Fail

4.2:1AA18

1.5:1Fail

2.5:1Fail

1.3:1Fail

1.7:1Fail

1.6:1Fail

1.9:1Fail

1.3:1Fail

2.2:1Fail

1.2:1Fail