Back to palettes

Palette

Fairy Tale Petals

A gentle and enchanting pastel palette inspired by the magical, soft hues of a whimsical fairy tale garden.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C8E6C9#B2DFDB#E6BAD9#FEEEC8#FAF3DD

Palette guide

How to use Fairy Tale Petals

Overview

The Fairy Tale Petals palette is a gentle and enchanting pastel collection, inspired by the magical, soft hues of a whimsical fairy tale garden. It features calming greens like #C8E6C9 and #B2DFDB, a delicate pink #E6BAD9, and warm, inviting yellows #FEEEC8 and #FAF3DD. This scheme is genuinely useful for designers and developers aiming to evoke a playful, magical, and serene mood. Its light and airy nature makes it ideal for creating inviting digital interfaces, charming branding, or evocative illustrations that capture the essence of a blossoming, enchanted world.

Best used for

  • Floral branding and packaging
  • Spring and summer collection designs
  • Gentle skincare and beauty product lines
  • Event invitations and decor
  • Children's story apps and websites
  • Blog themes with a soft, natural aesthetic

Suggested color roles

primary

Use #C8E6C9 (Mint Green) as the main calming color for backgrounds or large content blocks, representing freshness.

secondary

Employ #B2DFDB (Light Teal) for a subtle contrast, navigation elements, or to add a cool, serene touch.

accent

Apply #E6BAD9 (Soft Pink) for delicate highlights, call-to-action buttons, or decorative details that require a sweet pop.

background

Utilize #FAF3DD (Creamy Yellow) as the primary background, providing a warm, airy canvas that enhances readability.

text

For optimal readability, use a dark brown or muted green for headings, and black or charcoal gray for body text.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter shades like #FAF3DD with light text.
  • Darker text is essential for legibility against #C8E6C9, #B2DFDB, and #FEEEC8 to meet accessibility standards.
  • Avoid using #E6BAD9 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

Garden Bloom

Ideal for natural illustrations, decorative elements, or branding that emphasizes softness and botanical beauty.

#C8E6C9 · #E6BAD9 · #FAF3DD

Dewdrop Fresh

Perfect for clean interfaces, subtle highlights, or designs that evoke a refreshing and serene mood.

#B2DFDB · #FEEEC8 · #C8E6C9

Petal Soft

Effective for romantic themes, gentle branding, or layered graphic elements that require depth and visual interest.

#E6BAD9 · #FAF3DD · #B2DFDB

CSS variables

:root {
  --fairy-tale-petals-1: #C8E6C9;
  --fairy-tale-petals-2: #B2DFDB;
  --fairy-tale-petals-3: #E6BAD9;
  --fairy-tale-petals-4: #FEEEC8;
  --fairy-tale-petals-5: #FAF3DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fairy-tale-petals": {
        1: "#C8E6C9",
        2: "#B2DFDB",
        3: "#E6BAD9",
        4: "#FEEEC8",
        5: "#FAF3DD",
      }
    }
  }
}

Related searches

whimsical garden palettepastel floral colorsenchanting fairy tale huessoft spring schemedelicate botanical palette

Palette colors

Hex values

Color 1#C8E6C9
·
Color 2#B2DFDB
·
Color 3#E6BAD9
·
Color 4#FEEEC8
·
Color 5#FAF3DD
·

Accessibility

Contrast checker

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

Similar palettes

More like Fairy Tale Petals

View all pastel
Patisserie Sugar Dream
Candyfloss Cloud Dream
Sugar Plum Pixie
Bubblegum Pop Burst
Candy Cloud
Candy Floss Cloud