Back to palettes

Palette

Vintage Sugar Rush

A cheerful mix of pastels and brights, reminiscent of a vintage candy store and retro fun.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Sugar Rush 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 Sugar Rush.

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

Data visualization

#FF69B4#FFA07A#FFFF00#ADD8E6#FFDAB9

Palette guide

How to use Vintage Sugar Rush

Overview

The Vintage Sugar Rush palette is a delightful explosion of cheerful pastels and brights, reminiscent of a nostalgic candy store. Featuring a vibrant hot pink, `#FF69B4`, a sunny yellow, `#FFFF00`, and a soft light blue, `#ADD8E6`, it promises a playful and energetic aesthetic. Complementary tones like a warm coral, `#FFA07A`, and a delicate peach, `#FFDAB9`, round out the collection. This palette is perfect for designers and developers aiming to create fun, inviting, and whimsical digital or print experiences.

Best used for

  • Candy store or dessert shop branding
  • Children's product packaging and marketing
  • Playful website headers and landing pages
  • Event invitations for birthdays or celebrations
  • Social media content with a cheerful vibe
  • Illustrations and animations for kids' media

Suggested color roles

primary

Use `#FF69B4` as a bold, playful primary color for main headings or brand accents that need to pop.

secondary

Apply `#FFFF00` for energetic highlights, calls to action, or decorative elements that exude joy.

accent

Incorporate `#FFA07A` for a warm, inviting accent, suitable for buttons or subtle illustrative details.

background

Utilize `#FFDAB9` as a soft, warm base, or `#ADD8E6` for a cooler, airy background, allowing other colors to stand out.

text

For main body text, use a dark charcoal or black. `#ADD8E6` can be used for decorative or secondary text on dark backgrounds.

Accessibility notes

  • Ensure `#FFFF00` text has sufficient contrast against its background, especially if light.
  • Avoid using `#ADD8E6` for small text on very light backgrounds as readability may be poor.
  • When pairing `#FF69B4` with `#FFDAB9`, check contrast for any critical text elements.
  • Consider using a darker text color (e.g., black) for all body copy for optimal readability across the palette's lighter shades.

Recommended combinations

Candy Pop

Creates an immediate, high-energy, and fun impression, perfect for vibrant calls to action or playful headers.

#FF69B4 · #FFFF00 · #ADD8E6

Sweet Pastel

Offers a softer, more inviting feel, ideal for backgrounds, subtle design elements, or serene sections.

#FFDAB9 · #FFA07A · #ADD8E6

Retro Brights

Excellent for accents and highlights, bringing a burst of retro energy to any design.

#FFFF00 · #FF69B4 · #FFA07A

CSS variables

:root {
  --vintage-sugar-rush-1: #FF69B4;
  --vintage-sugar-rush-2: #FFA07A;
  --vintage-sugar-rush-3: #FFFF00;
  --vintage-sugar-rush-4: #ADD8E6;
  --vintage-sugar-rush-5: #FFDAB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-sugar-rush": {
        1: "#FF69B4",
        2: "#FFA07A",
        3: "#FFFF00",
        4: "#ADD8E6",
        5: "#FFDAB9",
      }
    }
  }
}

Related searches

candy store color schemeplayful pastel paletteretro sweets colorsvibrant fun palettechildren's party colors

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#FFA07A
·
Color 3#FFFF00
·
Color 4#ADD8E6
·
Color 5#FFDAB9
·

Accessibility

Contrast checker

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

Similar palettes

More like Vintage Sugar Rush

View all vibrant