Back to palettes

Palette

Dreamweaver's Veil

Light, airy purples and whites that suggest a magical, dreamlike veil, delicate and otherworldly.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dreamweaver's 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 Dreamweaver's Veil.

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

Data visualization

#B8B8D1#CDCDED#E6E6F5#F5F5FF#FFFFFF

Palette guide

How to use Dreamweaver's Veil

Overview

The Dreamweaver's Veil palette offers an exquisite collection of soft, ethereal purples and whites, including the subtle #B8B8D1, the gentle #CDCDED, and the near-white #E6E6F5. This palette is perfect for designers aiming to evoke elegance, dreaminess, and sophistication in their projects. Its delicate nature makes it ideal for high-end fashion, wedding designs, or serene digital interfaces. Developers can leverage the consistency of these light tones, with #F5F5FF and pure #FFFFFF providing excellent bases, for creating harmonious layouts that feel light and expansive. It's a versatile choice for designs requiring a touch of magic and understated beauty.

Best used for

  • Luxury brand websites and packaging
  • Wedding invitations and event branding
  • Ethereal photography portfolios
  • Beauty product packaging designs
  • High-fashion digital magazines
  • Wellness and spa app interfaces

Suggested color roles

primary

#B8B8D1 (Soft Lavender Grey): Establishes a sophisticated, gentle foundation, suitable for main sections or background accents.

secondary

#CDCDED (Pale Periwinkle): A versatile, slightly lighter tone for subheadings, subtle buttons, or content dividers.

accent

#E6E6F5 (Very Pale Lavender): Use sparingly for delicate highlights, hover states, or to add a hint of color to pure white areas.

background

#FFFFFF (Pure White): The cleanest, brightest base for maximum readability and a sense of openness. #F5F5FF also works for a warmer off-white.

text

A dark charcoal like #333333 or deep black for optimal contrast and readability against these very light tones.

Accessibility notes

  • Almost all colors in this palette are very light; ensure text has sufficient contrast with a dark color, not another light shade.
  • Avoid using any palette color for text on another palette color background, as contrast will likely be insufficient.
  • Text set in pure black or a very dark grey on #FFFFFF, #F5F5FF, or #E6E6F5 will meet most WCAG AA requirements.
  • Use these light colors primarily for backgrounds, illustrations, or very large, decorative text if not paired with strong contrast.

Recommended combinations

Ethereal Base

Ideal for minimalist backgrounds, subtle gradients, and large, airy content blocks where a soft, clean feel is desired.

#F5F5FF · #E6E6F5 · #FFFFFF

Gentle Depth

Use #B8B8D1 for primary elements, #CDCDED for secondary, and #F5F5FF as a background to create a delicate hierarchy.

#B8B8D1 · #CDCDED · #F5F5FF

Dreamy Highlights

Perfect for subtle UI elements like borders, dividers, or hover effects, maintaining a light and elegant aesthetic.

#CDCDED · #E6E6F5 · #FFFFFF

CSS variables

:root {
  --dreamweaver-s-veil-1: #B8B8D1;
  --dreamweaver-s-veil-2: #CDCDED;
  --dreamweaver-s-veil-3: #E6E6F5;
  --dreamweaver-s-veil-4: #F5F5FF;
  --dreamweaver-s-veil-5: #FFFFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dreamweaver-s-veil": {
        1: "#B8B8D1",
        2: "#CDCDED",
        3: "#E6E6F5",
        4: "#F5F5FF",
        5: "#FFFFFF",
      }
    }
  }
}

Related searches

pastel purple white paletteethereal wedding colorsdreamy elegant UI designsoft lavender brand colorslight pastel fantasy theme

Palette colors

Hex values

Color 1#B8B8D1
·
Color 2#CDCDED
·
Color 3#E6E6F5
·
Color 4#F5F5FF
·
Color 5#FFFFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.8:1Fail
1.9:1Fail
2
1.3:1Fail
1.3:1Fail
1.4:1Fail
1.5:1Fail
3
1.6:1Fail
1.3:1Fail
1.1:1Fail
1.2:1Fail
4
1.8:1Fail
1.4:1Fail
1.1:1Fail
1.1:1Fail
5
1.9:1Fail
1.5:1Fail
1.2:1Fail
1.1:1Fail

Similar palettes

More like Dreamweaver's Veil

View all pastel
Starry Opal Iridescence
Celestial Dreamscape
Ethereal Bloom Cloud
Pixie Dream Shimmer
Aetherial Bloom
Antique Lace Whisper