Back to palettes

Palette

Ethereal Bloom Veil

A soft, dreamy gradient of pale pinks, like flower petals seen through a gentle mist.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDF0F5#F2D8E0#E0B7C6#CA96AE#AD7A94

Palette guide

How to use Ethereal Bloom Veil

Overview

The Ethereal Bloom Veil palette offers a serene and delicate gradient of pale pinks, perfect for evoking a sense of calm and gentle sophistication. This collection, ranging from the whisper-light #FDF0F5 to the deeper, more grounded #AD7A94, provides designers and developers with a harmonious set for creating soft, inviting user experiences. The intermediate shades like #F2D8E0, #E0B7C6, and #CA96AE ensure smooth transitions and depth. Ideal for projects aiming for a dreamy, romantic, or subtly feminine aesthetic, it lends itself beautifully to branding, web design, and print materials that prioritize grace and a light touch. Its pastel nature makes it versatile for backgrounds and subtle accents.

Best used for

  • Feminine brand identities
  • Bridal or wedding invitations
  • Spa and wellness websites
  • Baby product packaging
  • Delicate fashion lookbooks
  • Romantic editorial design

Suggested color roles

primary

The balanced mid-tone #E0B7C6 can anchor designs without being too dominant, perfect for main content blocks or hero sections.

secondary

The softer supporting shade #F2D8E0 is excellent for secondary elements, subtle backgrounds, or complementary graphics, maintaining the light feel.

accent

The deepest tone #AD7A94 provides a touch of sophisticated contrast for call-to-action buttons, important icons, or striking headlines.

background

The lightest shade #FDF0F5 offers a clean, airy canvas that allows other elements to gently stand out without harshness.

text

For body text, use a dark charcoal like #333333 for readability. For headings, #AD7A94 can work effectively against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter shades like #FDF0F5 and #F2D8E0 for text and background combinations.
  • The darkest shade, #AD7A94, provides the best contrast for text on light backgrounds but may still require careful pairing for smaller fonts.
  • Avoid using #FDF0F5 or #F2D8E0 for small text; reserve them for larger headings or decorative elements.
  • Always test color combinations with WCAG contrast checkers, especially for interactive elements like buttons and links.

Recommended combinations

Soft Gradient

Ideal for subtle background gradients, hover states, or layered design elements that need a gentle progression.

#FDF0F5 · #F2D8E0 · #E0B7C6

Elegant Contrast

Use #FDF0F5 as a clean background, #E0B7C6 for secondary elements, and #AD7A94 for striking headlines or calls to action.

#FDF0F5 · #E0B7C6 · #AD7A94

Delicate Accents

#F2D8E0 as a base, #CA96AE for subheadings or borders, and #AD7A94 for icons or small, important details.

#F2D8E0 · #CA96AE · #AD7A94

CSS variables

:root {
  --ethereal-bloom-veil-1: #FDF0F5;
  --ethereal-bloom-veil-2: #F2D8E0;
  --ethereal-bloom-veil-3: #E0B7C6;
  --ethereal-bloom-veil-4: #CA96AE;
  --ethereal-bloom-veil-5: #AD7A94;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-bloom-veil": {
        1: "#FDF0F5",
        2: "#F2D8E0",
        3: "#E0B7C6",
        4: "#CA96AE",
        5: "#AD7A94",
      }
    }
  }
}

Related searches

dreamy pink color schemepastel floral palettedelicate rose colorslight feminine brandingsoft blush web design

Palette colors

Hex values

Color 1#FDF0F5
·
Color 2#F2D8E0
·
Color 3#E0B7C6
·
Color 4#CA96AE
·
Color 5#AD7A94
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2.2:1Fail
3.2:1AA18
2
1.2:1Fail
1.3:1Fail
1.8:1Fail
2.6:1Fail
3
1.6:1Fail
1.3:1Fail
1.4:1Fail
2:1Fail
4
2.2:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
5
3.2:1AA18
2.6:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Ethereal Bloom Veil

View all pastel
Frosted Blossom
Soft Petal Whisper
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Breeze
Cherry Blossom Cloud