Back to palettes

Palette

Aetherial Bloom

Soft purples and pale lilacs create an ethereal, dreamlike quality, like flowers blooming in a gentle mist.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C0C5F7#A79DDC#7C6FCB#E0DBF9#F2EFFD

Palette guide

How to use Aetherial Bloom

Overview

The Aetherial Bloom palette features soft purples and pale lilacs, creating an ethereal, dreamlike quality, like flowers blooming in a gentle mist. This elegant pastel collection includes a soft lavender #F2EFFD, a light lilac #E0DBF9, a gentle periwinkle #C0C5F7, a muted amethyst #A79DDC, and a deeper violet #7C6FCB. It's perfect for designers seeking to convey a sense of calm, femininity, and sophisticated whimsy. Developers will find these harmonious hex codes excellent for creating gentle user interfaces, delicate branding, and content that evokes a serene and magical atmosphere.

Best used for

  • Luxury beauty product branding
  • Wedding and event design
  • Children's boutique websites
  • Meditation and wellness apps
  • Feminine fashion blogs
  • Fantasy-themed digital art

Suggested color roles

primary

Use #A79DDC as a sophisticated primary for main headings or key brand elements, offering gentle depth.

secondary

Employ #C0C5F7 for secondary information or large background areas, providing a soft, airy feel.

accent

Apply #7C6FCB sparingly for subtle calls to action or important details, adding a touch of elegance.

background

Utilize #F2EFFD for clean, ethereal backgrounds, mimicking a soft, misty light.

text

A deep plum or dark grey (e.g., #4A4A4A) works best on #F2EFFD, while white text is ideal on #7C6FCB.

Accessibility notes

  • Ensure sufficient contrast for text on #F2EFFD; a dark text color is crucial for readability.
  • Avoid using #E0DBF9 for text against #F2EFFD or #C0C5F7 as contrast will be too low.
  • White text on #7C6FCB should meet WCAG AA contrast standards.
  • For interactive elements, ensure hover/focus states provide clear visual feedback beyond subtle color shifts.

Recommended combinations

Misty Meadow

For soft, layered backgrounds or delicate UI components, creating an ethereal ambiance.

#F2EFFD · #E0DBF9 · #C0C5F7

Deep Bloom

Ideal for headers or footers, blending deeper purples with a light accent.

#A79DDC · #7C6FCB · #E0DBF9

Lavender Dream

Effective for brand elements or illustrations, offering a harmonious and gentle progression.

#F2EFFD · #C0C5F7 · #A79DDC

CSS variables

:root {
  --aetherial-bloom-1: #C0C5F7;
  --aetherial-bloom-2: #A79DDC;
  --aetherial-bloom-3: #7C6FCB;
  --aetherial-bloom-4: #E0DBF9;
  --aetherial-bloom-5: #F2EFFD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aetherial-bloom": {
        1: "#C0C5F7",
        2: "#A79DDC",
        3: "#7C6FCB",
        4: "#E0DBF9",
        5: "#F2EFFD",
      }
    }
  }
}

Related searches

ethereal purple palettesoft lilac color schemedreamy pastel hueslavender bloom colorselegant light purple

Palette colors

Hex values

Color 1#C0C5F7
·
Color 2#A79DDC
·
Color 3#7C6FCB
·
Color 4#E0DBF9
·
Color 5#F2EFFD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
1.2:1Fail
1.5:1Fail
2
1.5:1Fail
1.7:1Fail
1.8:1Fail
2.2:1Fail
3
2.5:1Fail
1.7:1Fail
3.1:1AA18
3.7:1AA18
4
1.2:1Fail
1.8:1Fail
3.1:1AA18
1.2:1Fail
5
1.5:1Fail
2.2:1Fail
3.7:1AA18
1.2:1Fail

Similar palettes

More like Aetherial Bloom

View all pastel
Blooming Orchid Delight
Dreamweaver's Veil
Dusky Orchid Hues
Ethereal Bloom Cloud
Lavender Wisteria Whispers
Midnight Sakura Dusk