Back to palettes

Palette

Pearl Iridescent Glow

Soft, shimmering pastels with an ethereal glow, like the delicate iridescence of a pearl shell.

PastelElegant5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pearl Iridescent Glow 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 Iridescent Glow.

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

Data visualization

#F0F8FF#E6E6FA#D8BFD8#B0E0E6#FAFAD2

Palette guide

How to use Pearl Iridescent Glow

Overview

The Pearl Iridescent Glow palette presents a collection of soft, shimmering pastels, perfect for designs aiming for an ethereal and delicate aesthetic. Featuring shades like the airy #F0F8FF, the gentle lavender #D8BFD8, and the subtle warmth of #FAFAD2, this palette captures the delicate iridescence of a pearl shell. Designers and developers can leverage these light, harmonious hues to create serene user interfaces, dreamlike branding, or romantic visual content. Its inherent softness and low contrast require thoughtful application to ensure accessibility, yet it excels in conveying elegance and a subtle, luminous charm.

Best used for

  • Bridal and wedding-related designs
  • Baby product branding and packaging
  • Beauty and skincare product marketing
  • Serene and calming user interfaces
  • Artistic and conceptual projects
  • Event decor and invitations

Suggested color roles

primary

Use #B0E0E6 as a gentle, cool base for main content areas or larger sections, providing a tranquil foundation.

secondary

Employ #D8BFD8 for supporting elements, subheadings, or decorative accents, adding a touch of soft contrast and warmth.

accent

Apply #FAFAD2 sparingly for subtle highlights, interactive elements, or delicate illustrations, offering a warm, luminous touch.

background

Utilize #F0F8FF as a primary background color to achieve an airy, expansive, and clean canvas for your design.

text

Given the lightness of the palette, a dark charcoal or a deep navy (not in palette, e.g., #333333) is recommended for body text to ensure readability.

Accessibility notes

  • The palette is very light, so ensure text colors provide sufficient contrast against backgrounds, especially for smaller fonts.
  • Prioritize darker text colors (e.g., a dark charcoal) for essential information to meet WCAG AA standards.
  • Use generous line spacing and larger font sizes to improve readability for text set in lighter colors.
  • For interactive elements, consider adding outlines or subtle shadow effects to make them more discernible than just color difference.

Recommended combinations

Ethereal Sky

Excellent for serene backgrounds, header areas, or soft gradients that evoke a clear, open sky.

#F0F8FF · #E6E6FA · #B0E0E6

Gentle Bloom

Ideal for creating a soft, warm-cool contrast in decorative elements, illustrations, or subtle call-out boxes.

#D8BFD8 · #FAFAD2 · #E6E6FA

Luminous Touch

Perfect for highlighting delicate details, icons, or providing a soft, iridescent shimmer in graphical elements.

#F0F8FF · #FAFAD2 · #B0E0E6

CSS variables

:root {
  --pearl-iridescent-glow-1: #F0F8FF;
  --pearl-iridescent-glow-2: #E6E6FA;
  --pearl-iridescent-glow-3: #D8BFD8;
  --pearl-iridescent-glow-4: #B0E0E6;
  --pearl-iridescent-glow-5: #FAFAD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pearl-iridescent-glow": {
        1: "#F0F8FF",
        2: "#E6E6FA",
        3: "#D8BFD8",
        4: "#B0E0E6",
        5: "#FAFAD2",
      }
    }
  }
}

Related searches

pastel iridescent colorsdelicate pearl paletteethereal design schemesoft glow color setlight feminine colors

Palette colors

Hex values

Color 1#F0F8FF
·
Color 2#E6E6FA
·
Color 3#D8BFD8
·
Color 4#B0E0E6
·
Color 5#FAFAD2
·

Accessibility

Contrast checker

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

Similar palettes

More like Pearl Iridescent Glow

View all Pastel
Whispering Orchid Veil
Blushing Rose Petal
Dusty Rose Bloom
Vintage Rose Veil
Sakura Petals
Sugared Macaron Delight