Palette

Pearl Silk Gleam

Delicate and lustrous, mimicking the soft sheen of pearls and flowing silk fabrics.

NeutralElegant5 colors

More Neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pearl Silk Gleam 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 Silk Gleam.

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

Data visualization

#F0EDE5#DCD9D1#B2AEAA#A19B96#E7E4DF

Palette guide

How to use Pearl Silk Gleam

Overview

The Pearl Silk Gleam palette offers a delicate and lustrous collection of warm neutrals, mimicking the soft sheen of pearls and flowing silk fabrics. With inviting tones like the luminous #F0EDE5, the gentle #DCD9D1, and the grounding #A19B96, this palette is ideal for designs seeking understated elegance and a comforting warmth. Designers and developers can leverage these harmonious hues to create refined user interfaces, sophisticated branding, or luxurious print materials. The subtle variations in warmth and depth allow for rich layering and visual interest, making it perfect for conveying a sense of luxury, softness, and timeless appeal. It's an excellent choice for projects that aim for a gentle yet distinguished aesthetic.

Best used for

High-end fashion and accessory branding
Interior design and home decor concepts
Wedding planning and event styling
Refined and luxurious product packaging
Serene and inviting web interfaces
Beauty and wellness marketing

Suggested color roles

primary

Use #DCD9D1 as a warm, inviting base for main content areas or larger sections, creating a sense of comfort.

secondary

Employ #E7E4DF for lighter supporting elements, subheadings, or subtle highlights, maintaining a luminous feel.

accent

Apply #A19B96 for subtle depth, anchors, or important textual information, providing grounding contrast.

background

Utilize #F0EDE5 as the primary background color for a soft, luminous, and expansive canvas.

text

For body text, use #A19B96 or a dark brown/charcoal (not in palette, e.g., #544F4A) to ensure optimal readability on light backgrounds.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using lighter tones like #E7E4DF on #F0EDE5.
Reserve #A19B96 for main body text and critical information to meet WCAG AA contrast guidelines.
Avoid using very light colors for small text or interactive elements to prevent readability issues.
Consider larger font sizes for headings or key information if using lighter gray-brown text.

Recommended combinations

Soft & Luminous

Ideal for creating a gentle, radiant background effect or for soft layering in UI components that require a subtle glow.

#F0EDE5 · #E7E4DF · #DCD9D1

Warm Depth

Effective for establishing hierarchy, such as darker text on a lighter panel, or for defining key visual elements with warmth.

#B2AEAA · #A19B96 · #DCD9D1

Elegant Transition

Perfect for subtle gradients, section dividers, or creating a cohesive, tonal flow across different content blocks.

#E7E4DF · #DCD9D1 · #B2AEAA

CSS variables

:root {
  --pearl-silk-gleam-1: #F0EDE5;
  --pearl-silk-gleam-2: #DCD9D1;
  --pearl-silk-gleam-3: #B2AEAA;
  --pearl-silk-gleam-4: #A19B96;
  --pearl-silk-gleam-5: #E7E4DF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pearl-silk-gleam": {
        1: "#F0EDE5",
        2: "#DCD9D1",
        3: "#B2AEAA",
        4: "#A19B96",
        5: "#E7E4DF",
      }
    }
  }
}

Hex values

Color 1#F0EDE5

Color 2#DCD9D1

Color 3#B2AEAA

Color 4#A19B96

Color 5#E7E4DF

Accessibility

Contrast checker

1.2:1Fail

1.9:1Fail

2.3:1Fail

1.1:1Fail

1.2:1Fail

1.6:1Fail

1.9:1Fail

1.1:1Fail

1.9:1Fail

1.6:1Fail

1.2:1Fail

1.7:1Fail

2.3:1Fail

1.9:1Fail

1.2:1Fail

2.2:1Fail

1.1:1Fail

1.7:1Fail

2.2:1Fail

Similar palettes

More like Pearl Silk Gleam

Pearl Silk Gleam

See it in context.

Ready when you are.

Built with Pearl Silk Gleam.

How to use Pearl Silk Gleam

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Soft & Luminous

Warm Depth

Elegant Transition

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Pearl Silk Gleam