Palette

Peppermint Stripe Joy

A whimsical blend of reds, pinks, and whites, just like a delightful, festive candy cane.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Peppermint Stripe Joy 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 Peppermint Stripe Joy.

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

Data visualization

#DC143C#FFD1DC#FFFFFF#B0E0E6#DDA0DD

Palette guide

How to use Peppermint Stripe Joy

Overview

The Peppermint Stripe Joy palette is a vibrant and festive blend of classic reds, crisp whites, and soft pinks, evoking the cheerful spirit of a candy cane. With the bold `#DC143C` (Crimson) as its anchor and the pure `#FFFFFF` (White) providing stark contrast, this palette is ideal for designers and developers creating joyful, energetic, and celebratory digital experiences. The inclusion of `#FFD1DC` (Pink) and subtle blues like `#B0E0E6` (PowderBlue) adds a playful dimension, while `#DDA0DD` (Plum) offers a unique twist. This collection is perfect for projects that aim to capture attention and spread a sense of delight and festivity.

Best used for

Holiday season marketing campaigns
Children's entertainment websites
Festive event invitations
Sweet shop branding and packaging
Playful e-commerce promotions
Interactive game interfaces

Suggested color roles

primary

Utilize `#DC143C` for prominent headlines, calls-to-action, or key branding elements to demand attention.

secondary

Employ `#FFD1DC` for secondary information, background patterns, or softer interactive elements.

accent

Apply `#B0E0E6` or `#DDA0DD` sparingly for playful accents, icons, or subtle highlights to add whimsy.

background

Use `#FFFFFF` as the main background color to provide a clean, bright, and highly contrasting canvas.

text

For optimal readability, use `#DC143C`, dark gray, or black text on `#FFFFFF` or `#FFD1DC` backgrounds.

Accessibility notes

Ensure `#DC143C` text on `#FFFFFF` backgrounds meets WCAG contrast standards for excellent legibility.
Avoid using `#FFD1DC` for text on `#FFFFFF` backgrounds, as contrast will likely be insufficient.
Check contrast ratios carefully when using `#B0E0E6` or `#DDA0DD` for text, especially on lighter backgrounds.
For critical information, always prioritize high-contrast pairings like dark red text on white.

Recommended combinations

Candy Stripe

Creates a classic, festive striped pattern or a bold primary section with a soft supporting color.

#FFFFFF · #DC143C · #FFD1DC

Festive Pop

Ideal for a vibrant call-to-action or a playful graphic element against a clean white.

#DC143C · #B0E0E6 · #FFFFFF

Sweet Harmony

Perfect for softer, decorative elements or backgrounds that need a gentle, sweet feel with a touch of whimsy.

#FFD1DC · #DDA0DD · #FFFFFF

CSS variables

:root {
  --peppermint-stripe-joy-1: #DC143C;
  --peppermint-stripe-joy-2: #FFD1DC;
  --peppermint-stripe-joy-3: #FFFFFF;
  --peppermint-stripe-joy-4: #B0E0E6;
  --peppermint-stripe-joy-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "peppermint-stripe-joy": {
        1: "#DC143C",
        2: "#FFD1DC",
        3: "#FFFFFF",
        4: "#B0E0E6",
        5: "#DDA0DD",
      }
    }
  }
}

Hex values

Color 1#DC143C

Color 2#FFD1DC

Color 3#FFFFFF

Color 4#B0E0E6

Color 5#DDA0DD

Accessibility

Contrast checker

3.7:1AA18

5:1AA

3.5:1AA18

2.4:1Fail

3.7:1AA18

1.4:1Fail

1.1:1Fail

1.5:1Fail

5:1AA

1.4:1Fail

2.1:1Fail

3.5:1AA18

1.1:1Fail

1.4:1Fail

2.4:1Fail

1.5:1Fail

2.1:1Fail

1.4:1Fail

Similar palettes

More like Peppermint Stripe Joy

Peppermint Stripe Joy

See it in context.

Ready when you are.

Built with Peppermint Stripe Joy.

How to use Peppermint Stripe Joy

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Candy Stripe

Festive Pop

Sweet Harmony

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Peppermint Stripe Joy