Back to palettes

Palette

Retro Sweet Shop

A lively explosion of bold, sugary colors that brings back the nostalgic joy of a classic retro sweet shop.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Sweet 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 Retro Sweet Shop.

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

Data visualization

#FF69B4#FFD700#ADFF2F#1E90FF#FF4500

Palette guide

How to use Retro Sweet Shop

Overview

The Retro Sweet Shop palette is a lively explosion of bold, sugary colors that brings back the nostalgic joy of a classic retro sweet shop, ideal for designers and developers aiming for a playful and vibrant aesthetic. It features a hot pink (#FF69B4), a bright gold (#FFD700), a lively green-yellow (#ADFF2F), a striking dodger blue (#1E90FF), and an energetic orange-red (#FF4500). This palette is perfect for creating designs that are fun, youthful, and full of character. Use #FF69B4 for playful focal points and #1E90FF for bold, contrasting elements to evoke a delightful, sugary charm.

Best used for

  • Confectionery branding and packaging design
  • Children's party invitations and decorations
  • Toy store marketing materials and product design
  • Retro-themed event decor and promotions
  • Social media content for playful and youthful brands
  • Website designs for creative agencies or fun products

Suggested color roles

primary

Use #FF69B4 as a vibrant, playful core, effectively evoking candy floss and sweet treats.

secondary

Employ #1E90FF as a bold, contrasting cool tone, like blue raspberry, for strong visual impact.

accent

Apply #FFD700 as a bright, sunny pop, perfect for highlights, small details, or cheerful accents.

background

Utilize #ADFF2F as a fresh, lively base, like a lime lollipop, creating a playful canvas.

text

Consider #FF4500 for energetic headlines, or black/charcoal for standard body text on lighter hues to ensure readability.

Accessibility notes

  • Ensure strong contrast for text when using #FFD700 or #ADFF2F with lighter backgrounds.
  • #1E90FF and #FF4500 provide good contrast for text on #FFD700 or #ADFF2F backgrounds.
  • Avoid using #ADFF2F for small text on #FFD700 due to potential contrast issues for some users.
  • For all important text, use a dark, neutral color (e.g., black or dark grey) to ensure maximum readability.

Recommended combinations

Candy Explosion

A warm, sugary trio for lively graphics, illustrations, or energetic branding elements.

#FF69B4 · #FFD700 · #FF4500

Rainbow Treat

Cool blue and green with a hot pink accent, perfect for playful branding or dynamic layouts.

#1E90FF · #ADFF2F · #FF69B4

Sweet & Bold

Sunny yellow with orange-red and blue for energetic design elements, headlines, or icons.

#FFD700 · #FF4500 · #1E90FF

CSS variables

:root {
  --retro-sweet-shop-1: #FF69B4;
  --retro-sweet-shop-2: #FFD700;
  --retro-sweet-shop-3: #ADFF2F;
  --retro-sweet-shop-4: #1E90FF;
  --retro-sweet-shop-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-sweet-shop": {
        1: "#FF69B4",
        2: "#FFD700",
        3: "#ADFF2F",
        4: "#1E90FF",
        5: "#FF4500",
      }
    }
  }
}

Related searches

retro candy color paletteplayful sweet shop colorsvibrant kids brandingbright nostalgic designfun pop art colors

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#FFD700
·
Color 3#ADFF2F
·
Color 4#1E90FF
·
Color 5#FF4500
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.2:1Fail
1.2:1Fail
1.3:1Fail
2
1.9:1Fail
1.1:1Fail
2.3:1Fail
2.5:1Fail
3
2.2:1Fail
1.1:1Fail
2.6:1Fail
2.8:1Fail
4
1.2:1Fail
2.3:1Fail
2.6:1Fail
1.1:1Fail
5
1.3:1Fail
2.5:1Fail
2.8:1Fail
1.1:1Fail

Similar palettes

More like Retro Sweet Shop

View all vibrant