Palette

Silver Glimmer

A refined gradient of sophisticated greys, embodying understated elegance and classic timeless appeal.

neutralelegant5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#424242#616161#9E9E9E#BDBDBD#E0E0E0

Palette guide

How to use Silver Glimmer

Overview

The Silver Glimmer palette presents a refined gradient of sophisticated greys, embodying understated elegance and timeless appeal. Ranging from the deep #424242 to the luminous #E0E0E0, with versatile mid-tones like #616161, #9E9E9E, and #BDBDBD, this collection offers designers and developers a robust foundation for creating distinguished and classic aesthetics. Ideal for projects demanding a sense of luxury and professionalism, Silver Glimmer ensures visual harmony and clarity, allowing for a sophisticated play of light and shadow in any design application, from digital interfaces to print collateral.

Best used for

Luxury product websites and branding
Corporate and professional identities
High-end interior design concepts
Fashion magazine layouts
Art gallery and museum websites
Automotive industry design

Suggested color roles

primary

Utilize #616161 as a strong, sophisticated base for main content areas or prominent graphical elements.

secondary

Employ #9E9E9E for versatile mid-tone support, ideal for secondary information or subtle differentiation.

accent

Apply #424242 for deep, impactful accents, strong calls to action, or for primary text where maximum contrast is desired.

background

Choose #E0E0E0 as a clean, bright foundation to highlight content and create an airy feel.

text

For excellent readability on light backgrounds, use #424242 for primary body text, offering strong contrast.

Accessibility notes

#424242 provides excellent contrast on #E0E0E0 and #BDBDBD, ensuring readability for all text sizes.
Use #616161 for body text on #E0E0E0, which maintains good readability and meets WCAG AA standards.
Be cautious using #BDBDBD on #E0E0E0 for small text; it might not meet WCAG AA contrast requirements.
Ensure sufficient contrast for UI elements when using mid-tones like #9E9E9E, especially for interactive states.

Recommended combinations

Classic Contrast

Creates a bold, clear visual hierarchy perfect for headings and body text on a light background.

#E0E0E0 · #424242 · #616161

Gradient Depth

Offers a smooth, sophisticated transition, ideal for backgrounds, banners, or layered graphics.

#BDBDBD · #9E9E9E · #616161

Subtle Sophistication

Provides a light, airy, and elegant feel suitable for minimalist layouts or delicate design elements.

#E0E0E0 · #BDBDBD · #9E9E9E

CSS variables

:root {
  --silver-glimmer-1: #424242;
  --silver-glimmer-2: #616161;
  --silver-glimmer-3: #9E9E9E;
  --silver-glimmer-4: #BDBDBD;
  --silver-glimmer-5: #E0E0E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "silver-glimmer": {
        1: "#424242",
        2: "#616161",
        3: "#9E9E9E",
        4: "#BDBDBD",
        5: "#E0E0E0",
      }
    }
  }
}

Hex values

Color 1#424242

Color 2#616161

Color 3#9E9E9E

Color 4#BDBDBD

Color 5#E0E0E0

Accessibility

Contrast checker

1.6:1Fail

3.8:1AA18

5.3:1AA

7.6:1AAA

1.6:1Fail

2.3:1Fail

3.3:1AA18

4.7:1AA

3.8:1AA18

2.3:1Fail

1.4:1Fail

2:1Fail

5.3:1AA

3.3:1AA18

1.4:1Fail

7.6:1AAA

4.7:1AA

2:1Fail

1.4:1Fail

Similar palettes

More like Silver Glimmer

Silver Glimmer

See it in context.

Ready when you are.

Built with Silver Glimmer.

How to use Silver Glimmer

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Classic Contrast

Gradient Depth

Subtle Sophistication

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Silver Glimmer