Back to palettes

Palette

Seashell Pearl Glow

A delicate and iridescent collection, inspired by the inner gleam of a pristine seashell.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E2DCDC#BFC9C9#97AAB2#7B8D9E#F0F5F5

Palette guide

How to use Seashell Pearl Glow

Overview

The Seashell Pearl Glow palette is a delicate and iridescent collection of soft neutrals, inspired by the pristine inner gleam of a seashell. Featuring the luminous #E2DCDC, a balanced #97AAB2, and the deeper #7B8D9E, this palette is perfect for designs that aim for elegance, luxury, and understated sophistication. Designers and developers can leverage these harmonious hues to create refined user interfaces, high-end branding, or sophisticated digital experiences that convey a sense of calm luxury and timeless beauty. Its subtle shimmer evokes a premium and ethereal quality.

Best used for

  • Luxury cosmetics and skincare branding
  • Wedding stationery and event design
  • High-end fashion and jewelry websites
  • Minimalist and elegant interior decor
  • Sophisticated user interfaces and apps
  • Art galleries and exhibition branding

Suggested color roles

primary

Use #97AAB2 as a sophisticated, balanced core for branding, main headings, or significant graphic elements, conveying refined elegance.

secondary

Employ #BFC9C9 for lighter, subtle supporting tones, background sections, or secondary UI elements, adding a gentle softness.

accent

Apply #7B8D9E as a deeper, grounding accent for emphasis, strong calls to action, or important interactive states, providing clarity.

background

Utilize #F0F5F5 as a clean, luminous base for pages or content blocks, ensuring ample whitespace and an ethereal, modern feel.

text

For optimal legibility, #7B8D9E serves as the darkest and most effective text color against the lighter backgrounds, ensuring content is easily digestible.

Accessibility notes

  • Ensure #7B8D9E (text) on #F0F5F5 (background) provides adequate contrast for body text readability, meeting WCAG AA standards.
  • Colors like #E2DCDC and #F0F5F5 are too light for text on most backgrounds; reserve them for backgrounds or large decorative elements.
  • Test all text and interactive elements against their specific backgrounds to ensure WCAG AA compliance for contrast ratios.
  • For large headings, #97AAB2 on #F0F5F5 may work, but always check contrast for smaller font sizes to ensure readability.

Recommended combinations

Pearl Base

Ideal for creating light, airy backgrounds, layered elements, and subtle UI components that evoke a sense of luxury and softness.

#F0F5F5 · #E2DCDC · #BFC9C9

Glow Depth

Excellent for headers, main content blocks, and secondary informational sections, providing depth and a sophisticated tone.

#97AAB2 · #7B8D9E · #BFC9C9

Elegant Contrast

Creates a clean base, highlights main elements with a balanced mid-tone, and provides strong calls to action with a deep, clear accent.

#F0F5F5 · #97AAB2 · #7B8D9E

CSS variables

:root {
  --seashell-pearl-glow-1: #E2DCDC;
  --seashell-pearl-glow-2: #BFC9C9;
  --seashell-pearl-glow-3: #97AAB2;
  --seashell-pearl-glow-4: #7B8D9E;
  --seashell-pearl-glow-5: #F0F5F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seashell-pearl-glow": {
        1: "#E2DCDC",
        2: "#BFC9C9",
        3: "#97AAB2",
        4: "#7B8D9E",
        5: "#F0F5F5",
      }
    }
  }
}

Related searches

pearl inspired paletteiridescent neutral colorselegant grey schemeluxury coastal brandingserene seashell tones

Palette colors

Hex values

Color 1#E2DCDC
·
Color 2#BFC9C9
·
Color 3#97AAB2
·
Color 4#7B8D9E
·
Color 5#F0F5F5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.8:1Fail
2.5:1Fail
1.2:1Fail
2
1.2:1Fail
1.4:1Fail
2:1Fail
1.5:1Fail
3
1.8:1Fail
1.4:1Fail
1.4:1Fail
2.2:1Fail
4
2.5:1Fail
2:1Fail
1.4:1Fail
3.1:1AA18
5
1.2:1Fail
1.5:1Fail
2.2:1Fail
3.1:1AA18

Similar palettes

More like Seashell Pearl Glow

View all neutral
Coastal Driftwood Hues
Seaside Pebble Drift
Coastal Driftwood Grey
Coastal Dune Haze
Coastal Pebble Beach
Pebble Shore Calm