Back to palettes

Palette

Fairy Tale Dream

A light and airy mix of soft pinks, purples, blues, and greens, perfect for an enchanted narrative.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#E6E6FA#ADD8E6#90EE90#FFFACD

Palette guide

How to use Fairy Tale Dream

Overview

The Fairy Tale Dream palette is a light and airy mix of soft pinks, purples, blues, and greens, perfect for an enchanted narrative. This whimsical collection includes the gentle pink #FFC0CB, ethereal lavender #E6E6FA, dreamy light blue #ADD8E6, and a fresh pale green #90EE90. The soft creamy yellow #FFFACD provides a luminous base. Designers and developers can leverage these delicate hues to create serene digital experiences, magical branding, or captivating illustrations that transport users into a world of pure imagination and gentle fantasy.

Best used for

  • Baby product branding and packaging
  • Ethereal photography and art portfolios
  • Fantasy novel covers and illustrations
  • Wedding stationery and decor
  • Delicate web interfaces for creative businesses
  • Children's room decor and textiles

Suggested color roles

primary

Use #ADD8E6 (Light Blue) as the primary calming color for backgrounds or main content areas, evoking a serene sky.

secondary

Employ #FFC0CB (Pink) for gentle highlights, romantic accents, or to add a sweet, playful touch.

accent

Apply #90EE90 (Pale Green) for fresh, natural elements, subtle UI icons, or to balance the warmer tones.

background

Utilize #FFFACD (Lemon Chiffon) as a soft, luminous background, ensuring an airy and inviting canvas.

text

For optimal readability, use a light gray or dark blue for headings, and a charcoal gray for body text on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter shades like #FFFACD with light text.
  • Darker text is essential for legibility against #FFC0CB, #E6E6FA, and #90EE90 to meet accessibility standards.
  • Avoid using #E6E6FA as a background for small text; it may lack sufficient contrast with many text colors.
  • When designing interactive elements, ensure distinct visual cues beyond color, given the palette's softness.

Recommended combinations

Ethereal Sky

Ideal for serene backgrounds, subtle gradients, or elements depicting vast, dreamy skyscapes.

#ADD8E6 · #E6E6FA · #FFFACD

Floral Whisper

Perfect for decorative elements, playful accents, or branding that emphasizes softness and natural beauty.

#FFC0CB · #90EE90 · #FFFACD

Dreamy Harmony

Effective for layered UI, soft graphic elements, or designs that require a harmonious blend of delicate tones.

#E6E6FA · #ADD8E6 · #FFC0CB

CSS variables

:root {
  --fairy-tale-dream-1: #FFC0CB;
  --fairy-tale-dream-2: #E6E6FA;
  --fairy-tale-dream-3: #ADD8E6;
  --fairy-tale-dream-4: #90EE90;
  --fairy-tale-dream-5: #FFFACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fairy-tale-dream": {
        1: "#FFC0CB",
        2: "#E6E6FA",
        3: "#ADD8E6",
        4: "#90EE90",
        5: "#FFFACD",
      }
    }
  }
}

Related searches

soft fantasy paletteethereal pastel dreamlight whimsical colorsenchanted narrative schemebaby room pastels

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#E6E6FA
·
Color 3#ADD8E6
·
Color 4#90EE90
·
Color 5#FFFACD
·

Accessibility

Contrast checker

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

Similar palettes

More like Fairy Tale Dream

View all pastel