Back to palettes

Palette

Vintage Sweet Treat

A riot of bold, primary-esque colors reminiscent of a classic confectionery shop from bygone eras.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Sweet Treat 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 Sweet Treat.

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

Data visualization

#8E44AD#C0392B#27AE60#F1C40F#3498DB

Palette guide

How to use Vintage Sweet Treat

Overview

The Vintage Sweet Treat palette delivers a riot of bold, primary-esque colors, perfectly capturing the essence of a classic confectionery shop. Dominant shades like a rich purple, `#8E44AD`, a striking red, `#C0392B`, and an energetic yellow, `#F1C40F`, command attention. Balanced by a vibrant green, `#27AE60`, and a clear blue, `#3498DB`, this palette is dynamic and full of character. Designers and developers can leverage these vivid hues to create engaging, playful, and impactful visuals that resonate with a sense of nostalgic fun.

Best used for

  • Children's educational apps and websites
  • Vibrant event posters and marketing materials
  • Toy packaging and branding
  • Creative and playful corporate branding
  • Confectionery and dessert shop designs
  • Pop art-inspired illustrations and graphics

Suggested color roles

primary

Use `#C0392B` for bold statements, primary calls to action, or key brand identifiers to ensure high visibility.

secondary

Apply `#3498DB` for complementary sections, navigation, or as a stable, contrasting element.

accent

Incorporate `#F1C40F` as a cheerful and energetic accent for highlights, icons, or interactive elements.

background

Consider `#27AE60` for vibrant section backgrounds, or use a neutral white/light grey for main content areas to let colors pop.

text

Utilize `#8E44AD` for impactful headings or use a crisp black or dark charcoal for body text, ensuring excellent readability.

Accessibility notes

  • Ensure all text colors have sufficient contrast against their chosen background, especially with such vibrant hues.
  • Avoid using `#F1C40F` for small text on light backgrounds to prevent readability issues.
  • Test color combinations for users with color vision deficiencies, as primary-esque palettes can be challenging.
  • When using bold colors as backgrounds (e.g., `#27AE60`), ensure text is a light, contrasting color (e.g., white).

Recommended combinations

Primary Fun

A classic, high-energy combination for main branding, logos, or hero sections.

#C0392B · #3498DB · #F1C40F

Deep & Playful

Offers a slightly more sophisticated, yet still vibrant, feel for sub-sections or creative elements.

#8E44AD · #27AE60 · #F1C40F

Bold Statement

Creates a strong, impactful visual, great for graphic elements or attention-grabbing headlines.

#C0392B · #8E44AD · #3498DB

CSS variables

:root {
  --vintage-sweet-treat-1: #8E44AD;
  --vintage-sweet-treat-2: #C0392B;
  --vintage-sweet-treat-3: #27AE60;
  --vintage-sweet-treat-4: #F1C40F;
  --vintage-sweet-treat-5: #3498DB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-sweet-treat": {
        1: "#8E44AD",
        2: "#C0392B",
        3: "#27AE60",
        4: "#F1C40F",
        5: "#3498DB",
      }
    }
  }
}

Related searches

primary color palettebold vintage colorsconfectionery design palettevibrant children's colorspop art color scheme

Palette colors

Hex values

Color 1#8E44AD
·
Color 2#C0392B
·
Color 3#27AE60
·
Color 4#F1C40F
·
Color 5#3498DB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2:1Fail
3.5:1AA18
1.9:1Fail
2
1.1:1Fail
1.9:1Fail
3.3:1AA18
1.7:1Fail
3
2:1Fail
1.9:1Fail
1.7:1Fail
1.1:1Fail
4
3.5:1AA18
3.3:1AA18
1.7:1Fail
1.9:1Fail
5
1.9:1Fail
1.7:1Fail
1.1:1Fail
1.9:1Fail

Similar palettes

More like Vintage Sweet Treat

View all vibrant
Bubblegum Pop Burst
Retro Candy Pop
Retro Candy Shoppe
Atomic Diner Swirl
Bubblegum Pop Blast
Bubblegum Pop Zing