Back to palettes

Palette

Pastel Fairy Tale

A whimsical and enchanting blend of soft, dreamy colors, perfect for a magical fairy tale setting.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pastel Fairy Tale 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 Pastel Fairy Tale.

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

Data visualization

#FFB6C1#ADD8E6#90EE90#F0E68C#DA70D6

Palette guide

How to use Pastel Fairy Tale

Overview

The Pastel Fairy Tale palette is a whimsical and enchanting blend of soft, dreamy colors, perfect for a magical fairy tale setting. Featuring delightful hues like the classic #FFB6C1, the serene #ADD8E6, and the cheerful #90EE90, this collection is perfect for creating imaginative and uplifting designs. Developers will find these light, harmonious colors excellent for engaging user interfaces, while designers can leverage their sweet aesthetic for branding that conveys wonder, innocence, and a touch of fantasy. The inclusion of #F0E68C adds a sunny, magical glow, making the palette versatile for projects needing a truly enchanting and welcoming feel.

Best used for

  • Children's entertainment branding and websites
  • Fairy tale book illustrations and covers
  • Theme park or magical event marketing
  • Fantasy-themed mobile game interfaces
  • Toy packaging and brand identity
  • Whimsical wedding or party decor

Suggested color roles

primary

Use #DA70D6 as a magical primary color for brand identity or prominent design elements, offering a strong, enchanting focal point.

secondary

Employ #FFB6C1 for supporting content blocks, subheadings, or subtle background textures, adding warmth.

accent

Apply #90EE90 for interactive elements, call-to-action buttons, or to add a refreshing, natural pop.

background

Utilize #ADD8E6 for main content areas, providing a clean, airy, and expansive canvas.

text

A dark eggplant or deep forest green text color will provide excellent contrast and maintain the palette's magical yet legible aesthetic.

Accessibility notes

  • All colors are light; ensure text has sufficient contrast by using dark text (e.g., black, dark gray, or deep purple/green).
  • Avoid using light text on any of these pastel backgrounds to prevent readability issues, especially for small fonts.
  • When using #ADD8E6 or #FFB6C1 as backgrounds, ensure any overlaid text or icons are significantly darker.
  • The #DA70D6 provides the most depth; consider using it for important headings or calls to action to improve contrast.

Recommended combinations

Magic Forest

Create whimsical landscapes or natural elements with a soft, glowing effect.

#90EE90 · #F0E68C · #ADD8E6

Royal Blush

Design elegant headers or key branding elements, combining warmth with a regal touch.

#FFB6C1 · #DA70D6 · #ADD8E6

Dreamy Gateway

Develop inviting UI elements or background patterns that guide the eye with soft transitions.

#ADD8E6 · #90EE90 · #F0E68C

CSS variables

:root {
  --pastel-fairy-tale-1: #FFB6C1;
  --pastel-fairy-tale-2: #ADD8E6;
  --pastel-fairy-tale-3: #90EE90;
  --pastel-fairy-tale-4: #F0E68C;
  --pastel-fairy-tale-5: #DA70D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-fairy-tale": {
        1: "#FFB6C1",
        2: "#ADD8E6",
        3: "#90EE90",
        4: "#F0E68C",
        5: "#DA70D6",
      }
    }
  }
}

Related searches

pastel fairy tale colorsmagical dreamy palettewhimsical pink blue greenlight fantasy designchildlike pastel scheme

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#ADD8E6
·
Color 3#90EE90
·
Color 4#F0E68C
·
Color 5#DA70D6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.3:1Fail
1.7:1Fail
2
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.9:1Fail
3
1.2:1Fail
1.1:1Fail
1.1:1Fail
2:1Fail
4
1.3:1Fail
1.2:1Fail
1.1:1Fail
2.3:1Fail
5
1.7:1Fail
1.9:1Fail
2:1Fail
2.3:1Fail

Similar palettes

More like Pastel Fairy Tale

View all pastel
Candy Floss Dream
Cotton Candy Sky
Gumball Machine Gleam
Pastel Graffiti
Pastel Macaron Box
Peppermint Candy Swirl