Back to palettes

Palette

Peppermint Candy Swirl

A delightful blend of soft pinks, blues, and mint greens, inspired by sugary peppermint candy.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFB6C1#F0F8FF#ADD8E6#FFDAB9#98FB98

Palette guide

How to use Peppermint Candy Swirl

Overview

The Peppermint Candy Swirl palette is a playful and refreshing blend of soft pinks, blues, and mint greens, reminiscent of sugary confections. Featuring the delicate `#FFB6C1` (LightPink) alongside the crisp `#F0F8FF` (AliceBlue) and the soothing `#98FB98` (PaleGreen), this palette is perfect for designers and developers creating lighthearted, cheerful, and inviting digital experiences. The inclusion of `#ADD8E6` (LightBlue) and `#FFDAB9` (PeachPuff) adds further versatility, allowing for vibrant yet harmonious combinations. This collection is excellent for projects that aim to evoke joy, sweetness, and a touch of whimsy.

Best used for

  • Children's product branding
  • Dessert and bakery websites
  • Playful mobile app interfaces
  • Event invitations (birthdays, baby showers)
  • Creative blogs and personal portfolios
  • Sweet-themed e-commerce stores

Suggested color roles

primary

Use `#ADD8E6` for main content areas or backgrounds to provide a fresh, calm base.

secondary

Employ `#FFB6C1` for secondary information, call-out boxes, or playful accents.

accent

Apply `#98FB98` for interactive elements, highlights, or decorative touches to add a vibrant, minty pop.

background

Utilize `#F0F8FF` as the main background color for a clean, airy, and light-hearted canvas.

text

For optimal readability, use a dark blue, dark gray, or black text on lighter backgrounds like `#F0F8FF` or `#ADD8E6`.

Accessibility notes

  • Ensure sufficient contrast when pairing `#FFB6C1` or `#ADD8E6` with dark text for legibility.
  • Avoid using `#F0F8FF` for text on any of the lighter pastel backgrounds due to poor contrast.
  • Check contrast ratios for text set in `#98FB98` or `#FFDAB9` on different background colors.
  • For small text or critical information, prioritize darker text colors on the lightest backgrounds.

Recommended combinations

Sweet Pastel

Creates a soft, inviting background and layered UI elements, perfect for a gentle aesthetic.

#F0F8FF · #FFB6C1 · #ADD8E6

Minty Fresh

Ideal for clean, refreshing sections, with the mint green adding a vibrant accent.

#98FB98 · #ADD8E6 · #F0F8FF

Playful Mix

Use for playful banners, illustrations, or sections that require a cheerful, multi-colored blend.

#FFDAB9 · #FFB6C1 · #ADD8E6

CSS variables

:root {
  --peppermint-candy-swirl-1: #FFB6C1;
  --peppermint-candy-swirl-2: #F0F8FF;
  --peppermint-candy-swirl-3: #ADD8E6;
  --peppermint-candy-swirl-4: #FFDAB9;
  --peppermint-candy-swirl-5: #98FB98;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "peppermint-candy-swirl": {
        1: "#FFB6C1",
        2: "#F0F8FF",
        3: "#ADD8E6",
        4: "#FFDAB9",
        5: "#98FB98",
      }
    }
  }
}

Related searches

peppermint color schemecandy pastel paletteplayful pink blue greensweet UI colorsminty fresh design

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#F0F8FF
·
Color 3#ADD8E6
·
Color 4#FFDAB9
·
Color 5#98FB98
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.1:1Fail
1.3:1Fail
1.3:1Fail
2
1.5:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
3
1.1:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
4
1.3:1Fail
1.2:1Fail
1.2:1Fail
1:1Fail
5
1.3:1Fail
1.2:1Fail
1.2:1Fail
1:1Fail

Similar palettes

More like Peppermint Candy Swirl

View all pastel
Gumball Machine Gleam
Pastel Macaron Box
Sugar Cloud Dream
Sugar Plum Pixie
Bubblegum Carnival Pop
Bubblegum Dream Cloud