Back to palettes

Palette

Oyster Pearl Luster

Soft, luminescent shades reflecting the gentle, iridescent glow of a cultured pearl.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Oyster Pearl Luster 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 Oyster Pearl Luster.

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

Data visualization

#EDEBE8#D8D4D0#C2BEBA#ADA8A5#999391

Palette guide

How to use Oyster Pearl Luster

Overview

The Oyster Pearl Luster palette reflects the gentle, iridescent glow of a cultured pearl with soft, luminescent shades. This monochromatic collection features subtle variations of warm grays and beige-grays, from the almost-white `#EDEBE8` (Alabaster) to the deeper `#999391` (Taupe Gray). Mid-tones like `#D8D4D0` (Light Gray), `#C2BEBA` (Silver Sand), and `#ADA8A5` (Gray) create a harmonious and sophisticated gradient. This palette is perfect for designers aiming for an elegant, subtle, and luxurious aesthetic that emphasizes refinement, purity, and understated beauty in any project.

Best used for

  • Luxury bridal and high-end jewelry branding
  • Minimalist and sophisticated web design
  • Exclusive fashion and accessories collections
  • Serene and elegant interior design
  • High-end packaging for delicate products
  • Art and photography with a soft, ethereal quality

Suggested color roles

primary

Use `#C2BEBA` (Silver Sand) as a sophisticated main color for large sections, headings, or primary brand elements, offering a refined, balanced presence.

secondary

Employ `#D8D4D0` (Light Gray) for supporting graphics, sub-sections, or as a lighter background accent, providing a subtle, harmonious contrast.

accent

Apply `#999391` (Taupe Gray) for grounding accents, navigation elements, or to add a touch of deeper elegance and definition. `#ADA8A5` can also serve as a darker accent.

background

The luminous `#EDEBE8` (Alabaster) is ideal for expansive, clean backgrounds, creating a sense of purity and spaciousness that lets other elements shine.

text

For text on lighter backgrounds, `#999391` (Taupe Gray) or a deep charcoal provides excellent readability. On darker shades like `#999391`, white or a very light gray like `#EDEBE8` is recommended.

Accessibility notes

  • Text on `#EDEBE8` and `#D8D4D0` must be dark, such as `#999391`, to meet WCAG AA contrast standards.
  • Be very cautious using light text on any color in this palette, as the overall lightness is high.
  • For small text, always prioritize the darkest color on the lightest background.
  • In a monochromatic palette, ensure sufficient lightness difference between text and background to prevent visual fatigue.

Recommended combinations

Pearl Gradient

Creates a subtle, luminous gradient, perfect for sophisticated backgrounds or soft UI elements.

#EDEBE8 · #D8D4D0 · #C2BEBA

Oyster Depth

Offers a deeper, more defined progression of tones, suitable for layered designs or elegant contrasts.

#C2BEBA · #ADA8A5 · #999391

Luster Contrast

Provides a clear yet gentle contrast, ideal for clean interfaces where readability and elegance are paramount.

#EDEBE8 · #999391 · #C2BEBA

CSS variables

:root {
  --oyster-pearl-luster-1: #EDEBE8;
  --oyster-pearl-luster-2: #D8D4D0;
  --oyster-pearl-luster-3: #C2BEBA;
  --oyster-pearl-luster-4: #ADA8A5;
  --oyster-pearl-luster-5: #999391;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "oyster-pearl-luster": {
        1: "#EDEBE8",
        2: "#D8D4D0",
        3: "#C2BEBA",
        4: "#ADA8A5",
        5: "#999391",
      }
    }
  }
}

Related searches

pearl neutral color paletteoyster shell color schemeluxurious grey beige designsubtle elegant branding colorsmonochromatic neutral hues

Palette colors

Hex values

Color 1#EDEBE8
·
Color 2#D8D4D0
·
Color 3#C2BEBA
·
Color 4#ADA8A5
·
Color 5#999391
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2:1Fail
2.5:1Fail
2
1.2:1Fail
1.3:1Fail
1.6:1Fail
2.1:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.6:1Fail
4
2:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
5
2.5:1Fail
2.1:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Oyster Pearl Luster

View all neutral
Pearl Glimmer Satin
Pearl Oyster Sheen
Ancient Marble Sculpture
Antique Lace Whisper
Antique Silver Filigree
Cashmere Cloud