Back to palettes

Palette

Whimsical Fairy Bloom

A soft and dreamy palette evoking a whimsical, magical garden filled with enchanted pastel flowers.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whimsical Fairy Bloom 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 Whimsical Fairy Bloom.

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

Data visualization

#A47AB3#D9B2CF#F3E0EF#B0D9B9#8ED2C7

Palette guide

How to use Whimsical Fairy Bloom

Overview

The "Whimsical Fairy Bloom" palette is a soft and dreamy collection, evoking a magical garden filled with enchanted pastel flowers. It features a deep Plum (#A47AB3), a delicate Pale Lavender (#D9B2CF), a creamy Off-White (#F3E0EF), a fresh Mint Green (#B0D9B9), and a soothing Teal (#8ED2C7). This array is perfect for designers aiming to create elegant, whimsical, and inviting visual experiences. Developers can leverage these harmonious tones for sophisticated backgrounds and subtle UI elements, ideal for applications or websites that require a touch of fantasy and natural charm. The palette's cohesive nature ensures a gentle yet captivating presentation.

Best used for

  • Floral design and wedding stationery
  • Fairy-tale themed children's products
  • Boutique fashion and beauty brands
  • Nature-inspired digital art and illustration
  • Meditation or wellness app interfaces
  • Event branding for garden parties

Suggested color roles

primary

#F3E0EF (Off-White) - An excellent soft, neutral base for backgrounds, providing a clean canvas that allows other colors to bloom.

secondary

#D9B2CF (Pale Lavender) - Ideal for subheadings, secondary navigation, or subtle patterns, offering gentle visual interest.

accent

#B0D9B9 (Mint Green) - Use for calls-to-action, highlighted information, or playful decorative elements to add a fresh pop.

background

#8ED2C7 (Teal) - A calming and fresh background option, suitable for cards or sections that need a touch of serene depth.

text

#A47AB3 (Plum) - The strongest color for body text on lighter backgrounds like #F3E0EF or #D9B2CF, or a dark charcoal for improved legibility.

Accessibility notes

  • Ensure #A47AB3 text has sufficient contrast against #F3E0EF, #D9B2CF, and #B0D9B9 for readability, checking WCAG AA standards.
  • Avoid using #B0D9B9 for small body text on very light backgrounds; it's best suited for larger display text or accents.
  • For critical text, consider using a darker neutral color (e.g., #333333) to ensure maximum accessibility.
  • Lighter colors in the palette may not provide enough contrast for text among themselves; use a contrast checker diligently.

Recommended combinations

Garden UI

Soft backgrounds, navigation elements, and legible text for a harmonious user interface.

#F3E0EF · #D9B2CF · #A47AB3

Bloom Accents

Highlighting interactive elements, decorative illustrations, or subtle branding details with a fresh feel.

#B0D9B9 · #8ED2C7 · #D9B2CF

Fairy Branding

Creating elegant brand identities, social media graphics, and gentle marketing materials.

#F3E0EF · #A47AB3 · #B0D9B9

CSS variables

:root {
  --whimsical-fairy-bloom-1: #A47AB3;
  --whimsical-fairy-bloom-2: #D9B2CF;
  --whimsical-fairy-bloom-3: #F3E0EF;
  --whimsical-fairy-bloom-4: #B0D9B9;
  --whimsical-fairy-bloom-5: #8ED2C7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whimsical-fairy-bloom": {
        1: "#A47AB3",
        2: "#D9B2CF",
        3: "#F3E0EF",
        4: "#B0D9B9",
        5: "#8ED2C7",
      }
    }
  }
}

Related searches

pastel fairy garden colorswhimsical floral palettedreamy soft greens purplesenchanted garden uiromantic pastel bloom scheme

Palette colors

Hex values

Color 1#A47AB3
·
Color 2#D9B2CF
·
Color 3#F3E0EF
·
Color 4#B0D9B9
·
Color 5#8ED2C7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.8:1Fail
2.2:1Fail
2:1Fail
2
1.9:1Fail
1.5:1Fail
1.2:1Fail
1.1:1Fail
3
2.8:1Fail
1.5:1Fail
1.2:1Fail
1.4:1Fail
4
2.2:1Fail
1.2:1Fail
1.2:1Fail
1.1:1Fail
5
2:1Fail
1.1:1Fail
1.4:1Fail
1.1:1Fail

Similar palettes

More like Whimsical Fairy Bloom

View all pastel
Whimsical Garden Bloom
Awakening Flora Hues
Candy Unicorn Fluff
Cloud Fluff Whimsy
Enchanted Fairy Dell
Enchanted Fairy Dust