Back to palettes

Palette

Elegant Onyx Chess

A classic and sophisticated grayscale, inspired by the smooth, contrasting pieces of an elegant onyx chessboard.

monochromeelegant5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C2C2C#4A4A4A#707070#B0B0B0#E0E0E0

Palette guide

How to use Elegant Onyx Chess

Overview

The Elegant Onyx Chess palette is a classic and sophisticated grayscale, inspired by the smooth, contrasting pieces of an elegant onyx chessboard. Featuring deep charcoal (#2C2C2C), dark gray (#4A4A4A), medium gray (#707070), light gray (#B0B0B0), and very light gray (#E0E0E0), this monochrome collection offers timeless refinement. Designers and developers can leverage these versatile tones to create clean, professional interfaces, sophisticated branding, or elegant digital presentations. The clear contrast between light and dark grays ensures readability and a sense of order, making it ideal for projects that require a serious, intelligent, and minimalist aesthetic.

Best used for

  • Corporate and professional websites
  • Luxury product branding and packaging
  • Educational platforms and academic papers
  • Minimalist app interfaces and dashboards
  • Photography portfolios and art displays
  • High-end editorial and print design

Suggested color roles

primary

Deep charcoal (#2C2C2C) serves as an excellent foundational color for text or strong graphical elements, conveying authority and clarity.

secondary

Dark gray (#4A4A4A) and medium gray (#707070) are versatile for supporting content blocks, subheadings, or subtle dividers.

accent

Light gray (#B0B0B0) can be used sparingly for subtle accents, hover states, or to add a touch of brightness without breaking the monochrome feel.

background

Very light gray (#E0E0E0) provides a clean, bright, and sophisticated canvas, ensuring content stands out clearly.

text

Deep charcoal (#2C2C2C) is the recommended color for body text on light backgrounds (#E0E0E0) for optimal readability. Medium gray (#707070) can be used for secondary or less prominent text.

Accessibility notes

  • Ensure sufficient contrast for text, particularly when using lighter grays like #B0B0B0 on #E0E0E0, which may have low contrast.
  • Always use #2C2C2C for body text on light backgrounds to meet WCAG contrast requirements.
  • Avoid using #707070 or #B0B0B0 for small text sizes to maintain legibility.
  • Consider providing options for increased text size or bolding for critical information if mid-tone grays are used.

Recommended combinations

Board Contrast

Ideal for a classic, high-contrast look, using a bright background with dark text and a medium gray for secondary elements.

#E0E0E0 · #2C2C2C · #707070

Onyx Layers

Excellent for creating layered sections, subtle background patterns, or UI elements that add depth and sophistication.

#2C2C2C · #4A4A4A · #707070

Chess Piece

Perfect for elegant typography or iconography, combining a light background with a light gray accent and a darker supporting color.

#E0E0E0 · #B0B0B0 · #4A4A4A

CSS variables

:root {
  --elegant-onyx-chess-1: #2C2C2C;
  --elegant-onyx-chess-2: #4A4A4A;
  --elegant-onyx-chess-3: #707070;
  --elegant-onyx-chess-4: #B0B0B0;
  --elegant-onyx-chess-5: #E0E0E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "elegant-onyx-chess": {
        1: "#2C2C2C",
        2: "#4A4A4A",
        3: "#707070",
        4: "#B0B0B0",
        5: "#E0E0E0",
      }
    }
  }
}

Related searches

elegant grayscale paletteonyx chess color schemesophisticated monochrome designprofessional gray UIclassic minimalist colors

Palette colors

Hex values

Color 1#2C2C2C
·
Color 2#4A4A4A
·
Color 3#707070
·
Color 4#B0B0B0
·
Color 5#E0E0E0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
6.4:1AA
10.6:1AAA
2
1.6:1Fail
1.8:1Fail
4.1:1AA18
6.7:1AA
3
2.8:1Fail
1.8:1Fail
2.3:1Fail
3.8:1AA18
4
6.4:1AA
4.1:1AA18
2.3:1Fail
1.6:1Fail
5
10.6:1AAA
6.7:1AA
3.8:1AA18
1.6:1Fail

Similar palettes

More like Elegant Onyx Chess

View all monochrome
Gilded Frame Accent
Gothic Library Ink
Ruby Velour
Smoky Quartz Elegance
Ancient Marble Column
Ancient Marble Statue