Back to palettes

Palette

Candy Cane Swirl

Bright reds and soft pinks with crisp whites, mimicking a festive candy cane.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF0000#FF69B4#ADD8E6#F0FFFF#DC143C

Palette guide

How to use Candy Cane Swirl

Overview

The Candy Cane Swirl palette offers bright reds and soft pinks with crisp whites, mimicking a festive candy cane with a playful twist. It features a bold #FF0000 and a vibrant #DC143C, complemented by the sweet #FF69B4 (hot pink). An unexpected light blue #ADD8E6 and the nearly white #F0FFFF complete the set, adding a fresh, airy dimension. This palette is perfect for designers and developers creating playful holiday designs, sweet shop branding, or any project that aims to convey cheerfulness and a unique, festive charm with a touch of whimsical flair.

Best used for

  • Playful holiday designs and illustrations
  • Children's party invitations and themes
  • Sweet shop and confectionery branding
  • Festive digital art and social media content
  • Unique seasonal packaging
  • Whimsical event marketing

Suggested color roles

primary

Use #FF0000 (bold red) for immediate visual impact, main headings, or key festive elements.

secondary

Employ #FF69B4 (hot pink) for playful accents, secondary information, or to add a sweet, vibrant touch.

accent

Introduce #ADD8E6 (light blue) as a cool, unexpected twist, for subtle highlights or background elements.

background

Utilize #F0FFFF (nearly white) as an airy, clean background, allowing the vibrant colors to pop.

text

Apply #DC143C (darker red) for primary text to ensure good contrast and readability on light backgrounds.

Accessibility notes

  • Text in #DC143C on #F0FFFF background will provide good contrast (WCAG AA).
  • Avoid using #FF0000 for small body text due to its high saturation and potential eye strain.
  • The vibrant #FF69B4 (hot pink) will require very dark text (black) or white text if used as a background for sufficient contrast.
  • Lighter colors like #ADD8E6 and #F0FFFF are too light for text colors; use for backgrounds or large decorative elements.

Recommended combinations

Festive Pop

Ideal for bold headlines, playful banners, and designs that demand attention with a vibrant, festive feel.

#F0FFFF · #FF0000 · #FF69B4

Sweet & Cool

Perfect for unique invitations, children's themes, or to add a refreshing and unexpected color combination.

#ADD8E6 · #DC143C · #F0FFFF

Vibrant Swirl

Effective for decorative patterns, accent elements, or to create dynamic visual movement in designs.

#FF69B4 · #DC143C · #FF0000

CSS variables

:root {
  --candy-cane-swirl-1: #FF0000;
  --candy-cane-swirl-2: #FF69B4;
  --candy-cane-swirl-3: #ADD8E6;
  --candy-cane-swirl-4: #F0FFFF;
  --candy-cane-swirl-5: #DC143C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-cane-swirl": {
        1: "#FF0000",
        2: "#FF69B4",
        3: "#ADD8E6",
        4: "#F0FFFF",
        5: "#DC143C",
      }
    }
  }
}

Related searches

festive pink redcandy cane pastelsweet holiday colorsplayful red bluevibrant candy palette

Palette colors

Hex values

Color 1#FF0000
·
Color 2#FF69B4
·
Color 3#ADD8E6
·
Color 4#F0FFFF
·
Color 5#DC143C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.6:1Fail
3.9:1AA18
1.2:1Fail
2
1.5:1Fail
1.7:1Fail
2.6:1Fail
1.9:1Fail
3
2.6:1Fail
1.7:1Fail
1.5:1Fail
3.3:1AA18
4
3.9:1AA18
2.6:1Fail
1.5:1Fail
4.9:1AA
5
1.2:1Fail
1.9:1Fail
3.3:1AA18
4.9:1AA

Similar palettes

More like Candy Cane Swirl

View all pastel
Berry Blossom Kiss
Bubblegum Carnival Pop
Bubblegum Dream Cloud
Bubblegum Dream Pop
Candy Cloud
Candy Cloud