Back to palettes

Palette

Retro Candy Swirl

A sweet and nostalgic explosion of bright, contrasting colors, reminiscent of old-fashioned candy and vibrant sweets.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF1493#00FFFF#FFD700#9932CC#FFA07A

Palette guide

How to use Retro Candy Swirl

Overview

The "Retro Candy Swirl" palette is a vibrant and dynamic collection, offering a nostalgic explosion of bright, contrasting colors perfect for capturing attention. Featuring a deep hot pink (#FF1493), an electric cyan (#00FFFF), a brilliant gold (#FFD700), a rich dark orchid (#9932CC), and a soft coral orange (#FFA07A), this palette is ideal for designers aiming for a playful yet sophisticated retro feel. Developers can effectively use these distinct hues to create clear visual hierarchies, highlight interactive elements, and build interfaces that are both engaging and memorable. It's a fantastic choice for projects that demand high energy, a touch of whimsy, and a sweet, vintage charm.

Best used for

  • Dessert shop branding and packaging
  • Youth-oriented fashion marketing
  • Interactive digital art installations
  • Pop music album covers
  • Playful website hero sections
  • Event branding for fun gatherings

Suggested color roles

primary

A bold, alluring primary for dominant calls-to-action, key headlines, or brand identity using #FF1493.

secondary

A striking, cool secondary for navigation, background elements, or to provide a sharp contrast using #00FFFF.

accent

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

background

A warm, inviting background for sections that need a softer touch but still retain warmth using #FFA07A, or as a card background. For general page backgrounds, a light neutral is recommended.

text

Use black or a very dark charcoal for text on #FFD700 and #FFA07A. White text offers excellent contrast on #FF1493, #00FFFF, and #9932CC.

Accessibility notes

  • Ensure dark text (e.g., black) is used on #FFD700 and #FFA07A for optimal readability.
  • White text on #00FFFF can sometimes be challenging; test thoroughly or consider a slightly darker text color for critical information.
  • Avoid using #FFA07A with #FFD700 for text/background pairings due to low contrast potential.
  • Verify all color combinations meet WCAG 2.1 AA standards for text and UI elements, especially for smaller text.

Recommended combinations

Energetic CTA

Pink for the button, cyan for text, and gold for a glowing highlight or icon.

#FF1493 · #00FFFF · #FFD700

Swirl Pattern

Create a whimsical, swirling pattern for backgrounds or decorative elements using these contrasting hues.

#9932CC · #FFA07A · #FF1493

Pop Art Details

Use gold for a main graphic, cyan for outlines or shadows, and pink for key details.

#FFD700 · #00FFFF · #FF1493

CSS variables

:root {
  --retro-candy-swirl-2-1: #FF1493;
  --retro-candy-swirl-2-2: #00FFFF;
  --retro-candy-swirl-2-3: #FFD700;
  --retro-candy-swirl-2-4: #9932CC;
  --retro-candy-swirl-2-5: #FFA07A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-candy-swirl-2": {
        1: "#FF1493",
        2: "#00FFFF",
        3: "#FFD700",
        4: "#9932CC",
        5: "#FFA07A",
      }
    }
  }
}

Related searches

vibrant candy paletteretro pop colorssweet nostalgic aestheticbright contrasting paletteplayful vintage design

Palette colors

Hex values

Color 1#FF1493
·
Color 2#00FFFF
·
Color 3#FFD700
·
Color 4#9932CC
·
Color 5#FFA07A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
2.6:1Fail
1.6:1Fail
1.8:1Fail
2
2.9:1Fail
1.1:1Fail
4.5:1AA
1.6:1Fail
3
2.6:1Fail
1.1:1Fail
4.1:1AA18
1.4:1Fail
4
1.6:1Fail
4.5:1AA
4.1:1AA18
2.9:1Fail
5
1.8:1Fail
1.6:1Fail
1.4:1Fail
2.9:1Fail

Similar palettes

More like Retro Candy Swirl

View all vibrant
Bubblegum Pop Burst
Retro Candy Arcade
Retro Candy Pop
Retro Candy Shoppe
Retro Pop Fizz
Vintage Candy Wrapper