Back to palettes

Palette

Pearl Glimmer Satin

Silvery grays with a delicate sheen, evoking the sophisticated luster of pearls on soft satin.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7F8C8D#AAB7B8#D5DFE0#F0F5F6#647071

Palette guide

How to use Pearl Glimmer Satin

Overview

The Pearl Glimmer Satin palette offers a sophisticated range of silvery grays, perfect for designs requiring a subtle yet elegant touch. With hues like #7F8C8D, #AAB7B8, and the very light #F0F5F6, it evokes the delicate sheen of pearls on soft satin. This collection provides designers and developers with a versatile foundation for creating refined interfaces, branding, and print materials. Its neutral yet luminous quality ensures a timeless appeal, allowing for depth and gentle contrast without overpowering. Utilize #647071 for strong anchors or fine details, bringing a touch of understated luxury to any project.

Best used for

  • Luxury brand identity
  • Wedding stationery and decor
  • Minimalist user interfaces (UI)
  • High-end fashion and accessories
  • Elegant interior design concepts
  • Sophisticated packaging

Suggested color roles

primary

Use #7F8C8D as a foundational mid-tone for main sections or prominent design elements, offering a sense of stability and elegance.

secondary

Employ #AAB7B8 for supporting content, navigation, or secondary backgrounds, providing a softer transition from the primary shade.

accent

Apply #647071 sparingly for subtle accents, icons, or important calls to action, drawing attention with its deeper contrast.

background

Utilize #F0F5F6 as a clean, luminous background for content areas, ensuring readability and a bright, airy feel.

text

For body text, use #647071 or a dark charcoal to ensure strong readability against the lighter backgrounds like #F0F5F6.

Accessibility notes

  • Ensure sufficient contrast when using lighter grays like #AAB7B8 for text on #F0F5F6 backgrounds; aim for WCAG AA compliance.
  • Reserve #647071 for critical text and interactive elements to maximize legibility.
  • Provide clear visual cues for focus and hover states, as the palette's subtlety can make changes less obvious.
  • Consider larger font sizes for lighter text on light backgrounds to aid readability.

Recommended combinations

Soft Gradient

Ideal for backgrounds, headers, or large visual elements where a gentle, luminous transition is desired.

#F0F5F6 · #D5DFE0 · #AAB7B8

Elegant Contrast

Effective for creating hierarchy, such as dark text or buttons against a lighter panel, or for visual anchors.

#647071 · #7F8C8D · #D5DFE0

Pearl Sheen

Perfect for subtle layering in UI components or for creating a sophisticated, tonal effect in illustrations and branding.

#D5DFE0 · #AAB7B8 · #7F8C8D

CSS variables

:root {
  --pearl-glimmer-satin-1: #7F8C8D;
  --pearl-glimmer-satin-2: #AAB7B8;
  --pearl-glimmer-satin-3: #D5DFE0;
  --pearl-glimmer-satin-4: #F0F5F6;
  --pearl-glimmer-satin-5: #647071;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pearl-glimmer-satin": {
        1: "#7F8C8D",
        2: "#AAB7B8",
        3: "#D5DFE0",
        4: "#F0F5F6",
        5: "#647071",
      }
    }
  }
}

Related searches

elegant grey palettesubtle neutral colorspearl effect designsophisticated silver huesminimalist website grey

Palette colors

Hex values

Color 1#7F8C8D
·
Color 2#AAB7B8
·
Color 3#D5DFE0
·
Color 4#F0F5F6
·
Color 5#647071
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.6:1Fail
3.2:1AA18
1.5:1Fail
2
1.7:1Fail
1.5:1Fail
1.9:1Fail
2.5:1Fail
3
2.6:1Fail
1.5:1Fail
1.2:1Fail
3.8:1AA18
4
3.2:1AA18
1.9:1Fail
1.2:1Fail
4.7:1AA
5
1.5:1Fail
2.5:1Fail
3.8:1AA18
4.7:1AA

Similar palettes

More like Pearl Glimmer Satin

View all neutral
Ancient Marble Sculpture
Eminent City Style
Lunar Moth Wing
Oyster Pearl Luster
Porcelain Grace
Silver Glimmer