Palette

Retro Candy Stripes

A delightful, sugary burst of primary and secondary colors, reminiscent of old-fashioned candy shops.

VibrantPlayful5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Candy Stripes 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 Candy Stripes.

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

Data visualization

#FF4081#FFD700#3CB371#8A2BE2#FF8C00

Palette guide

How to use Retro Candy Stripes

Overview

The "Retro Candy Stripes" palette delivers a delightful and sugary burst of color, echoing the cheerful aesthetics of old-fashioned sweet shops. Featuring a vibrant fuchsia pink (#FF4081), a brilliant gold (#FFD700), a refreshing medium sea green (#3CB371), a rich blue violet (#8A2BE2), and a sunny dark orange (#FF8C00), this collection is perfect for designers seeking to infuse projects with playful energy. Developers can leverage these distinct hues to create engaging interfaces, highlight key elements, and establish a clear visual hierarchy that feels both nostalgic and fresh. It's an excellent choice for branding, digital content, or packaging that aims to be inviting and memorable.

Best used for

Children's book illustrations
Bakery or confectionery branding
Playful app UIs and icons
Party supply designs
Retro-themed event promotions
Creative educational materials

Suggested color roles

primary

A sweet yet bold primary, ideal for main calls-to-action, key headlines, or dominant brand elements using #FF4081.

secondary

A deep, complementary secondary, excellent for navigation, footer sections, or providing visual depth using #8A2BE2.

accent

A bright, cheerful accent for highlights, interactive states, or small details that need to pop using #FFD700.

background

A fresh, inviting background for sections needing a touch of nature or calm using #3CB371, or as a vibrant card background. For general page backgrounds, a light neutral is recommended.

text

Use a dark charcoal or black for text on #FFD700 and #3CB371. White text offers good contrast on #FF4081, #8A2BE2, and #FF8C00.

Accessibility notes

Ensure dark text (e.g., black) is used on #FFD700 and #3CB371 backgrounds for optimal readability.
Test combinations of #FF4081 and #FF8C00 with white text to confirm sufficient contrast for all users.
Avoid using #3CB371 for large blocks of text if the text color is not significantly contrasting.
Verify all color pairings meet WCAG 2.1 AA standards, particularly for smaller text and interactive elements.

Recommended combinations

Sweet CTA

Pink for the button, purple for text, and gold for an icon or subtle highlight.

#FF4081 · #8A2BE2 · #FFD700

Nostalgic Header

Orange for the main title, green for subtext, and pink for decorative elements or underlines.

#FF8C00 · #3CB371 · #FF4081

Playful Striping

Create alternating stripes or geometric patterns for banners, borders, or background textures.

#FFD700 · #8A2BE2 · #FF8C00

CSS variables

:root {
  --retro-candy-stripes-1: #FF4081;
  --retro-candy-stripes-2: #FFD700;
  --retro-candy-stripes-3: #3CB371;
  --retro-candy-stripes-4: #8A2BE2;
  --retro-candy-stripes-5: #FF8C00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-candy-stripes": {
        1: "#FF4081",
        2: "#FFD700",
        3: "#3CB371",
        4: "#8A2BE2",
        5: "#FF8C00",
      }
    }
  }
}

Hex values

Color 1#FF4081

Color 2#FFD700

Color 3#3CB371

Color 4#8A2BE2

Color 5#FF8C00

Accessibility

Contrast checker

2.4:1Fail

1.3:1Fail

1.8:1Fail

1.4:1Fail

2.4:1Fail

1.9:1Fail

4.2:1AA18

1.7:1Fail

1.3:1Fail

1.9:1Fail

2.2:1Fail

1.1:1Fail

1.8:1Fail

4.2:1AA18

2.2:1Fail

2.6:1Fail

1.4:1Fail

1.7:1Fail

1.1:1Fail

2.6:1Fail

Similar palettes

More like Retro Candy Stripes

View all Vibrant

Retro Candy Dream

Retro Diner Jellies

Carnival Bright Delight

Carnival Confetti Pop

Carnival Neon Pop

Crayola Playland Fun