Palette

Pearl Dust Elegance

Delicate, shimmering shades of white and light lavender, like a whisper of scattered pearl dust.

neutralelegant5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pearl Dust Elegance 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 Pearl Dust Elegance.

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

Data visualization

#F0F8FF#E6E6FA#D8BFD8#B0C4DE#C6E2FF

Palette guide

How to use Pearl Dust Elegance

Overview

The Pearl Dust Elegance palette exudes sophisticated charm with its delicate, shimmering shades of white and light lavender. Featuring the pristine #F0F8FF (Alice Blue) and the soft #E6E6FA (Lavender Blush), it establishes an airy and refined foundation. The palette introduces a subtle depth with #D8BFD8 (Thistle) and #B0C4DE (LightSteelBlue), adding a touch of understated color. A luminous #C6E2FF (LightSkyBlue) completes the collection, enhancing its gentle glow. This elegant palette is perfect for designers seeking to convey purity, sophistication, and a soft, clean aesthetic, ideal for projects that demand a whisper of luxurious refinement and subtle beauty.

Best used for

High-end wedding and bridal branding
Luxury skincare and cosmetic packaging
Minimalist fashion and jewelry websites
Spa and wellness retreat promotions
Sophisticated interior design concepts
Clean, elegant corporate stationery

Suggested color roles

primary

Use #F0F8FF as a pristine, airy background, setting a clean and elegant stage.

secondary

Apply #E6E6FA for supportive elements, adding a subtle lavender warmth without overpowering.

accent

Utilize #D8BFD8 or #B0C4DE for delicate accents, borders, or subtle interactive elements.

background

The lightest #F0F8FF is perfect for spacious, luminous backgrounds, enhancing the sophisticated feel.

text

A deep charcoal or plum (e.g., #4C4C66) on #F0F8FF and #E6E6FA; white text on #D8BFD8 or #B0C4DE for contrast.

Accessibility notes

Ensure high contrast for text. Darker text (e.g., black or dark gray) is essential on all lighter palette colors.
Avoid using light gray text on any of the light white/lavender backgrounds to prevent readability issues.
The mid-tones like #D8BFD8 and #B0C4DE may require careful contrast checking for text, often needing dark text.
Test all critical text elements against their chosen background using a reliable contrast checker.

Recommended combinations

Shimmering Light

A soft, layered effect for backgrounds and subtle content blocks, creating depth.

#F0F8FF · #E6E6FA · #D8BFD8

Lavender Dream

A soft primary, a muted blue accent, and a pristine white highlight for airy design.

#E6E6FA · #B0C4DE · #F0F8FF

Refined Contrast

A deeper base, a luminous accent, and a soft background for sophisticated visual interest.

#D8BFD8 · #C6E2FF · #E6E6FA

CSS variables

:root {
  --pearl-dust-elegance-1: #F0F8FF;
  --pearl-dust-elegance-2: #E6E6FA;
  --pearl-dust-elegance-3: #D8BFD8;
  --pearl-dust-elegance-4: #B0C4DE;
  --pearl-dust-elegance-5: #C6E2FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pearl-dust-elegance": {
        1: "#F0F8FF",
        2: "#E6E6FA",
        3: "#D8BFD8",
        4: "#B0C4DE",
        5: "#C6E2FF",
      }
    }
  }
}

Hex values

Color 1#F0F8FF

Color 2#E6E6FA

Color 3#D8BFD8

Color 4#B0C4DE

Color 5#C6E2FF

Accessibility

Contrast checker

1.1:1Fail

1.6:1Fail

1.7:1Fail

1.2:1Fail

1.1:1Fail

1.4:1Fail

1.1:1Fail

1.6:1Fail

1.4:1Fail

1:1Fail

1.3:1Fail

1.7:1Fail

1.4:1Fail

1:1Fail

1.3:1Fail

1.2:1Fail

1.1:1Fail

1.3:1Fail

Similar palettes

More like Pearl Dust Elegance

Pearl Dust Elegance

See it in context.

Ready when you are.

Built with Pearl Dust Elegance.

How to use Pearl Dust Elegance

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Shimmering Light

Lavender Dream

Refined Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Pearl Dust Elegance