Palette

Pearl Night Elegance

A timeless combination of deep blacks and shimmering silvers, exuding sophisticated elegance.

Darkelegant5 colors

More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pearl Night Elegance 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 Night Elegance.

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

Data visualization

#1A1A1A#333333#555555#EAEAEA#C0C0C0

Palette guide

How to use Pearl Night Elegance

Overview

The Pearl Night Elegance palette offers a sophisticated blend of deep blacks and shimmering silvers, perfect for designs demanding a luxurious and timeless aesthetic. Featuring dominant hues like #1A1A1A and #333333, complemented by the elegant #EAEAEA and #C0C0C0, this palette exudes a refined grandeur. Designers and developers can utilize this collection to craft striking dark mode interfaces, high-end branding, and impactful visual content. The strong contrast between the dark and light tones allows for clear hierarchy and readability, while maintaining an air of understated opulence. It's an excellent choice for projects requiring a sophisticated, modern, and elegant feel.

Best used for

Luxury brand identity and websites
Dark mode user interfaces (UI)
High-end fashion and jewelry design
Architectural visualization and portfolios
Evening event invitations and branding
Photography and art gallery displays

Suggested color roles

primary

Use #1A1A1A as the dominant background or main element color for a deep, sophisticated, and commanding presence.

secondary

Employ #333333 for supporting dark sections, panels, or secondary text, providing subtle depth without harshness.

accent

Apply #C0C0C0 for shimmering accents, icons, or subtle highlights, evoking the luster of pearls against a dark backdrop.

background

Utilize #1A1A1A for a rich, dark canvas, or #EAEAEA for inverse light mode sections, offering flexibility.

text

For text on dark backgrounds, use #EAEAEA or #C0C0C0 to ensure optimal readability and a refined appearance.

Accessibility notes

Ensure high contrast between text (#EAEAEA, #C0C0C0) and dark backgrounds (#1A1A1A, #333333) to meet WCAG AA standards.
Avoid using #555555 for body text on #333333 as contrast might be insufficient; reserve it for larger headings.
Provide clear visual focus indicators for interactive elements, as the elegance relies on subtle shifts.
Test color combinations under different lighting conditions to ensure readability for all users.

Recommended combinations

Classic Elegance

Ideal for primary branding, headings, and key information, offering strong contrast and a timeless look.

#1A1A1A · #EAEAEA · #C0C0C0

Subtle Depth

Effective for creating layered backgrounds, secondary content panels, or subtle metallic accents in UI.

#333333 · #555555 · #C0C0C0

Modern Contrast

Perfect for striking hero sections, call-to-action buttons, or differentiating key information blocks with clarity.

#1A1A1A · #555555 · #EAEAEA

CSS variables

:root {
  --pearl-night-elegance-1: #1A1A1A;
  --pearl-night-elegance-2: #333333;
  --pearl-night-elegance-3: #555555;
  --pearl-night-elegance-4: #EAEAEA;
  --pearl-night-elegance-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pearl-night-elegance": {
        1: "#1A1A1A",
        2: "#333333",
        3: "#555555",
        4: "#EAEAEA",
        5: "#C0C0C0",
      }
    }
  }
}

Hex values

Color 1#1A1A1A

Color 2#333333

Color 3#555555

Color 4#EAEAEA

Color 5#C0C0C0

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

14.5:1AAA

9.6:1AAA

1.4:1Fail

1.7:1Fail

10.5:1AAA

6.9:1AA

2.3:1Fail

1.7:1Fail

6.2:1AA

4.1:1AA18

14.5:1AAA

10.5:1AAA

6.2:1AA

1.5:1Fail

9.6:1AAA

6.9:1AA

4.1:1AA18

1.5:1Fail

Similar palettes

More like Pearl Night Elegance

View all Dark

Gothic Revival Grandeur

Cinema Noir Velvet

Gilded Age Elegance

Midnight Cherry Blossom

Nocturnal Rose Bloom

Regal Theatre Curtains