Back to palettes

Palette

Vintage Candy Shop

A cheerful collection of vibrant hues evoking classic candies and nostalgic treats.

playfulplayful5 colors
More playful palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E64C3C#F7DC6F#2ECC71#3498DB#9B59B6

Palette guide

How to use Vintage Candy Shop

Overview

The Vintage Candy Shop palette (ID: vintage-candy-shop-2) is a cheerful collection of vibrant hues, evoking classic candies and nostalgic treats. Featuring a bold red #E64C3C, a sunny yellow #F7DC6F, a lively green #2ECC71, a bright blue #3498DB, and a playful purple #9B59B6, this palette is bursting with energy and fun. It's perfect for designs that aim to be energetic, playful, and attention-grabbing, reminiscent of a bustling retro candy store. Designers can leverage these distinct, saturated colors to create dynamic and memorable visual experiences.

Best used for

  • Children's entertainment brands
  • Festive event promotions
  • Interactive app interfaces
  • Creative educational materials
  • Toy store branding
  • Digital marketing campaigns

Suggested color roles

primary

#E64C3C (Bold Red). Use for strong calls to action, primary headings, or elements that demand immediate attention.

secondary

#3498DB (Bright Blue). Ideal for main navigation, secondary headings, or as a strong complementary color.

accent

#F7DC6F (Sunny Yellow). Employ this bright yellow for highlights, interactive elements, or to add a cheerful pop of color.

background

A neutral light gray or white is recommended for this vibrant palette to allow the colors to truly shine.

text

Use a dark charcoal or black for body text on a white/light background. For colored backgrounds, ensure high contrast (e.g., white text on #E64C3C).

Accessibility notes

  • Ensure high contrast for text on colored backgrounds (e.g., white text on #E64C3C, #3498DB, #9B59B6).
  • Avoid using #F7DC6F for small body text on light backgrounds due to potential low contrast.
  • Be mindful of color-blind users; use multiple cues beyond color for important information with this vibrant palette.
  • Pair #2ECC71 with dark text (e.g., black) or white text for optimal readability, depending on background use.

Recommended combinations

Classic Pop

A primary, secondary, and accent combo for high-energy branding, posters, or digital ads.

#E64C3C · #3498DB · #F7DC6F

Playful Mix

Creates a vibrant, contrasting triad perfect for playful illustrations, infographics, or distinct UI sections.

#2ECC71 · #9B59B6 · #E64C3C

Carnival Brights

Excellent for headers, banners, or calls to action where maximum visual impact and cheerfulness are desired.

#F7DC6F · #3498DB · #E64C3C

CSS variables

:root {
  --vintage-candy-shop-2-1: #E64C3C;
  --vintage-candy-shop-2-2: #F7DC6F;
  --vintage-candy-shop-2-3: #2ECC71;
  --vintage-candy-shop-2-4: #3498DB;
  --vintage-candy-shop-2-5: #9B59B6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-candy-shop-2": {
        1: "#E64C3C",
        2: "#F7DC6F",
        3: "#2ECC71",
        4: "#3498DB",
        5: "#9B59B6",
      }
    }
  }
}

Related searches

vibrant retro paletteplayful candy colorsbright vintage aestheticfun primary colorscolorful sweets design

Palette colors

Hex values

Color 1#E64C3C
·
Color 2#F7DC6F
·
Color 3#2ECC71
·
Color 4#3498DB
·
Color 5#9B59B6
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.8:1Fail
1.8:1Fail
1.2:1Fail
1.2:1Fail
2
2.8:1Fail
1.5:1Fail
2.3:1Fail
3.4:1AA18
3
1.8:1Fail
1.5:1Fail
1.5:1Fail
2.2:1Fail
4
1.2:1Fail
2.3:1Fail
1.5:1Fail
1.5:1Fail
5
1.2:1Fail
3.4:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Vintage Candy Shop

View all playful