Back to palettes

Palette

Opaline Pearl Glimmer

Luminous whites and pearlescent blues softly shimmer, reflecting the delicate, iridescent glow of opaline pearls.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Opaline Pearl Glimmer 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 Opaline Pearl Glimmer.

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

Data visualization

#E0F0F5#F7FAFF#FFFFFF#C7DDE0#A5BDC0

Palette guide

How to use Opaline Pearl Glimmer

Overview

The Opaline Pearl Glimmer palette features luminous whites and pearlescent blues, softly shimmering to reflect the delicate, iridescent glow of opaline pearls. With shades like #E0F0F5, #F7FAFF, #FFFFFF, #C7DDE0, and #A5BDC0, this collection is perfect for designers and developers creating elegant, delicate, and ethereal digital experiences. Its light and airy tones are ideal for luxury branding, bridal themes, and content that requires a pristine, sophisticated, and serene aesthetic, ensuring a refined and gentle visual impact.

Best used for

  • Bridal and wedding industry websites
  • Luxury goods and services branding
  • High-end interior design concepts
  • Delicate beauty brands and cosmetics
  • Baby product websites and marketing
  • Elegant event stationery and invitations

Suggested color roles

primary

#E0F0F5 (a very light, cool blue-white) is ideal for main backgrounds, expansive layouts, or header sections, promoting spaciousness.

secondary

#C7DDE0 (a soft, muted blue-gray) works well for navigation, subtle containers, or secondary information, adding gentle depth.

accent

#A5BDC0 (a medium blue-gray) can be used for delicate borders, subtle interactive states, or decorative lines, providing understated elegance.

background

#FFFFFF or #F7FAFF (pure white, near-white tones) creates pristine, ethereal backdrops, perfect for conveying purity and luxury.

text

Dark gray (e.g., #444444) or charcoal is essential for all text to ensure optimal readability on these very light backgrounds.

Accessibility notes

  • It is crucial to use dark text (e.g., charcoal or black) on these very light backgrounds to achieve sufficient contrast.
  • Contrast between #C7DDE0 or #A5BDC0 and the white backgrounds needs careful checking for text to meet WCAG AA standards.
  • Ensure interactive elements are visually distinct, perhaps with a darker hover state or a subtle shadow for user feedback.
  • Avoid using light text on light backgrounds entirely for critical content to prevent readability issues.

Recommended combinations

Ethereal Base

Creates a pristine, spacious, and elegant canvas for web pages or print materials, evoking purity.

#FFFFFF · #F7FAFF · #E0F0F5

Pearl Shimmer

For subtle layering and adding depth to light backgrounds, ideal for soft UI elements.

#E0F0F5 · #C7DDE0 · #A5BDC0

Delicate Contrast

Ideal for soft highlights, distinguishing UI elements, or creating gentle visual hierarchy.

#F7FAFF · #A5BDC0 · #C7DDE0

CSS variables

:root {
  --opaline-pearl-glimmer-1: #E0F0F5;
  --opaline-pearl-glimmer-2: #F7FAFF;
  --opaline-pearl-glimmer-3: #FFFFFF;
  --opaline-pearl-glimmer-4: #C7DDE0;
  --opaline-pearl-glimmer-5: #A5BDC0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "opaline-pearl-glimmer": {
        1: "#E0F0F5",
        2: "#F7FAFF",
        3: "#FFFFFF",
        4: "#C7DDE0",
        5: "#A5BDC0",
      }
    }
  }
}

Related searches

pearlescent white blueelegant light paletteluxury pearl colorsiridescent white themedelicate cool neutrals

Palette colors

Hex values

Color 1#E0F0F5
·
Color 2#F7FAFF
·
Color 3#FFFFFF
·
Color 4#C7DDE0
·
Color 5#A5BDC0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.2:1Fail
1.7:1Fail
2
1.1:1Fail
1:1Fail
1.4:1Fail
1.9:1Fail
3
1.2:1Fail
1:1Fail
1.4:1Fail
2:1Fail
4
1.2:1Fail
1.4:1Fail
1.4:1Fail
1.4:1Fail
5
1.7:1Fail
1.9:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Opaline Pearl Glimmer

View all pastel
Porcelain Bloom Petals
Porcelain Doll Blush
Antique Porcelain Rose
Blooming Orchid Delight
Blush Silk Drape
Blushing Rose Glow