Palette

Elegant Onyx Glamour

A sleek, luxurious palette of deep blacks and grays, accented with a touch of metallic sheen.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Elegant Onyx Glamour 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 Elegant Onyx Glamour.

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

Data visualization

#0A0A0A#1C1C1C#333333#555555#C0C0C0

Palette guide

How to use Elegant Onyx Glamour

Overview

The Elegant Onyx Glamour palette offers a sleek, luxurious collection of deep blacks and grays, accented with a touch of metallic sheen. Featuring deepest black (#0A0A0A), dark onyx (#1C1C1C), rich charcoal (#333333), sophisticated gray (#555555), and shimmering silver (#C0C0C0), this palette exudes timeless elegance. Designers and developers can leverage these sophisticated hues to create premium digital experiences, high-end branding, or sleek architectural visualizations. The strong contrast and subtle metallic accent provide a sense of luxury and refinement, making it ideal for projects that demand a powerful yet understated glamorous aesthetic.

Best used for

Luxury automotive and watch brand websites
High-fashion e-commerce platforms
Architectural and interior design portfolios
Exclusive event invitations and branding
Premium tech product interfaces
Sophisticated editorial and magazine layouts

Suggested color roles

primary

Deepest black (#0A0A0A) serves as the ultimate foundational color for backgrounds or large panels, conveying absolute luxury and depth.

secondary

Dark onyx (#1C1C1C) and rich charcoal (#333333) are versatile for supporting content blocks, subtle dividers, or secondary navigation elements.

accent

Shimmering silver (#C0C0C0) provides a sophisticated accent, perfect for highlights, interactive elements, or metallic-effect typography.

background

Deepest black (#0A0A0A) creates a dramatic, luxurious backdrop, allowing the lighter grays and silver to shine with understated glamour.

text

For body text, use shimmering silver (#C0C0C0) or white on dark backgrounds (#0A0A0A, #1C1C1C) for optimal readability. Sophisticated gray (#555555) can be used for secondary text.

Accessibility notes

Ensure sufficient contrast for text, especially when pairing #555555 with #C0C0C0, which may have low contrast on some backgrounds.
Always use #C0C0C0 or white for body text on the darkest backgrounds (#0A0A0A, #1C1C1C) to meet WCAG contrast requirements.
Avoid using #1C1C1C or #333333 for text on very dark backgrounds due to potential readability issues.
Consider using larger font sizes for any text set in mid-tone grays to improve legibility against a dark base.

Recommended combinations

Onyx Contrast

Ideal for a high-contrast, glamorous look, using a deep black background with shimmering silver text and a sophisticated gray for accents.

#0A0A0A · #C0C0C0 · #555555

Glamour Layers

Excellent for creating subtle depth and layering in UI elements, background patterns, or elegant graphical compositions.

#1C1C1C · #333333 · #555555

Metallic Accent

Perfect for calls-to-action, prominent headings, or decorative elements that require a luxurious, metallic sheen against a dark base.

#0A0A0A · #C0C0C0 · #333333

CSS variables

:root {
  --elegant-onyx-glamour-1: #0A0A0A;
  --elegant-onyx-glamour-2: #1C1C1C;
  --elegant-onyx-glamour-3: #333333;
  --elegant-onyx-glamour-4: #555555;
  --elegant-onyx-glamour-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "elegant-onyx-glamour": {
        1: "#0A0A0A",
        2: "#1C1C1C",
        3: "#333333",
        4: "#555555",
        5: "#C0C0C0",
      }
    }
  }
}

Hex values

Color 1#0A0A0A

Color 2#1C1C1C

Color 3#333333

Color 4#555555

Color 5#C0C0C0

Accessibility

Contrast checker

1.2:1Fail

1.6:1Fail

2.7:1Fail

10.9:1AAA

1.2:1Fail

1.3:1Fail

2.3:1Fail

9.4:1AAA

1.6:1Fail

1.3:1Fail

1.7:1Fail

6.9:1AA

2.7:1Fail

2.3:1Fail

1.7:1Fail

4.1:1AA18

10.9:1AAA

9.4:1AAA

6.9:1AA

4.1:1AA18

Similar palettes

More like Elegant Onyx Glamour

Midnight Library Velvet

Midnight Velvet Glam

Patrician Study Room