Back to palettes

Palette

Ethereal Bloom Fae

A delicate blend of soft purples and gentle greens, evoking the magical and dreamlike quality of a fae realm.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ethereal Bloom Fae 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 Ethereal Bloom Fae.

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

Data visualization

#BF8EBF#E0C9E0#F0E8F0#AECDB5#D8EBE0

Palette guide

How to use Ethereal Bloom Fae

Overview

The Ethereal Bloom Fae palette offers a delicate and enchanting blend of soft purples and gentle greens, perfect for evoking a magical, dreamlike aesthetic. With its primary shade #BF8EBF (a muted lavender) and the serene green of #AECDB5 (a soft sage), this collection is ideal for designs aiming for lightness and sophistication. Lighter tones like #E0C9E0 and #D8EBE0 provide excellent supporting roles, while #F0E8F0 acts as a near-white background. Designers and developers can leverage this palette to create visually soothing and elegant interfaces, branding, or illustrations that whisper whimsy and natural beauty without being overpowering. Its pastel nature ensures a gentle user experience.

Best used for

  • Feminine lifestyle branding and packaging
  • Fantasy or nature-themed digital illustrations
  • Spa, wellness, or beauty product websites
  • Children's book illustrations or nursery decor
  • Wedding invitations and event collateral
  • Soft UI/UX designs for calming apps

Suggested color roles

primary

Use #BF8EBF as the main brand color for headings, prominent buttons, or key graphical elements, conveying a sophisticated yet ethereal feel.

secondary

Apply #AECDB5 for supporting sections, subtle highlights, or large content blocks to introduce a natural, calming balance to the purple primary.

accent

Employ #E0C9E0 for delicate details, hover states, icons, or subtle graphic patterns, adding a touch of lightness and refinement.

background

Utilize #F0E8F0 for primary page backgrounds or large informational areas, providing a clean, airy canvas that allows other colors to softly emerge.

text

For optimal readability, use a dark charcoal or near-black text color (e.g., #333333) against the lighter backgrounds. For headings on #BF8EBF or #AECDB5, consider a crisp white.

Accessibility notes

  • Ensure sufficient contrast when using #BF8EBF or #AECDB5 for text against #F0E8F0 or #D8EBE0 backgrounds; black or dark grey text is recommended.
  • Avoid using light pastel colors like #E0C9E0 for small text on light backgrounds to prevent readability issues for users with visual impairments.
  • When combining #F0E8F0 and #D8EBE0, check their contrast for borders or subtle UI elements, as they are very close in luminosity.
  • For interactive elements, ensure hover and focus states provide a clear visual change, potentially using a slightly darker or more saturated shade not present in the palette or a starker contrast.

Recommended combinations

Enchanted Forest

Ideal for nature-inspired graphics or serene website sections, with green as the dominant, purple as a feature, and the light tone for depth.

#AECDB5 · #BF8EBF · #F0E8F0

Lavender Dream

Perfect for soft, feminine branding or gentle UI elements, emphasizing the purple spectrum with a subtle green accent.

#BF8EBF · #E0C9E0 · #D8EBE0

Airy Whisper

Suitable for minimal designs, large content areas, or delicate illustrations where extreme lightness and subtle color shifts are desired.

#F0E8F0 · #D8EBE0 · #AECDB5

CSS variables

:root {
  --ethereal-bloom-fae-1: #BF8EBF;
  --ethereal-bloom-fae-2: #E0C9E0;
  --ethereal-bloom-fae-3: #F0E8F0;
  --ethereal-bloom-fae-4: #AECDB5;
  --ethereal-bloom-fae-5: #D8EBE0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-bloom-fae": {
        1: "#BF8EBF",
        2: "#E0C9E0",
        3: "#F0E8F0",
        4: "#AECDB5",
        5: "#D8EBE0",
      }
    }
  }
}

Related searches

pastel fantasy color schemesoft floral design palettedreamy lavender green colorsfae realm aesthetic palettelight whimsical brand colors

Palette colors

Hex values

Color 1#BF8EBF
·
Color 2#E0C9E0
·
Color 3#F0E8F0
·
Color 4#AECDB5
·
Color 5#D8EBE0
·

Accessibility

Contrast checker

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

Similar palettes

More like Ethereal Bloom Fae

View all pastel
Fairy Blossom Whisper
Cotton Candy Hues
Enchanted Bloom Veil
Enchanted Fairy Dust
Pastel Cloud Dream
Pastel Cloud Dream