Back to palettes

Palette

Playful Pixie

Whimsical and light pastels, creating a cheerful and imaginative mood for playful designs.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Playful Pixie 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 Playful Pixie.

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

Data visualization

#B0E0E6#FFC0CB#FFDAB9#98FB98#DDA0DD

Palette guide

How to use Playful Pixie

Overview

The Playful Pixie palette offers a whimsical and light collection of pastels, perfect for designs that aim to evoke cheerfulness, imagination, and a gentle spirit. With soft hues like the airy #B0E0E6 (powder blue), the delicate #FFC0CB (pink), the warm #FFDAB9 (peach), the fresh #98FB98 (mint green), and the enchanting #DDA0DD (lavender), this palette is a dream for designers creating sweet, inviting, and approachable aesthetics. It’s particularly useful for projects targeting younger audiences or those requiring a touch of innocent charm. Developers will find these tones excellent for creating soft, non-intrusive UI elements that maintain a friendly and playful atmosphere.

Best used for

  • Baby product branding and packaging
  • Children's book illustrations and websites
  • Wedding invitations and decor (subtle)
  • Bakery or dessert shop branding
  • Gentle educational content for toddlers
  • Feminine lifestyle blogs and e-commerce

Suggested color roles

primary

Use #B0E0E6 as a calming primary background or large UI element color to establish a soft base.

secondary

Employ #FFC0CB for secondary buttons, highlights, or decorative accents to add warmth and sweetness.

accent

Introduce #98FB98 as a fresh accent for icons, small details, or interactive states, providing a subtle pop.

background

Utilize #FFDAB9 as a warm, inviting background for content blocks or section dividers, creating a cozy feel.

text

Pair with a soft charcoal (e.g., #4A4A4A) or a darker shade from the palette like #DDA0DD for readable body text on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast between these light pastels for text readability; dark text is often necessary.
  • Avoid using light text on light backgrounds within this palette; test all combinations for WCAG AA compliance.
  • Consider using larger font sizes for any text on low-contrast pastel backgrounds to improve legibility.
  • Provide clear visual feedback for interactive elements beyond color, as subtle pastel changes might be hard to discern.

Recommended combinations

Dreamy Base

Ideal for soft website backgrounds, header sections, or children's room decor themes.

#B0E0E6 · #FFDAB9 · #DDA0DD

Sweet Accents

Perfect for small illustrations, interactive buttons, or charming decorative elements.

#FFC0CB · #98FB98 · #DDA0DD

Gentle Contrast

Use for subtle branding, playful patterns, or UI elements that require a delicate touch.

#B0E0E6 · #FFC0CB · #98FB98

CSS variables

:root {
  --playful-pixie-1: #B0E0E6;
  --playful-pixie-2: #FFC0CB;
  --playful-pixie-3: #FFDAB9;
  --playful-pixie-4: #98FB98;
  --playful-pixie-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-pixie": {
        1: "#B0E0E6",
        2: "#FFC0CB",
        3: "#FFDAB9",
        4: "#98FB98",
        5: "#DDA0DD",
      }
    }
  }
}

Related searches

pastel color schemeswhimsical design palettelight playful colorskids branding pastelssoft feminine palette

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#FFC0CB
·
Color 3#FFDAB9
·
Color 4#98FB98
·
Color 5#DDA0DD
·

Accessibility

Contrast checker

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

Similar palettes

More like Playful Pixie

View all pastel
Sugar Plum Pixie
Bubblegum Dream Cloud
Bubblegum Dream Pop
Candyfloss Cloud Dream
Fairy Ring
Fizzy Candy Delight