Palette

Sculpted Marble Elegance

Cool, classic greys and whites, echoing the timeless purity and elegance of sculpted marble.

monochromeelegant5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sculpted Marble 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 Sculpted Marble Elegance.

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

Data visualization

#2D3436#535C68#95A2A7#CCD1D2#EFF3F4

Palette guide

How to use Sculpted Marble Elegance

Overview

The 'Sculpted Marble Elegance' palette offers a refined monochrome experience, echoing the timeless purity and sophistication of classic stone. This collection features a spectrum of cool greys and near-whites, from the deep, anchoring charcoal of #2D3436 to the airy lightness of #EFF3F4. Designers and developers can leverage this palette to create interfaces and branding that exude luxury, minimalism, and a calm, sophisticated professionalism. The mid-tones like #535C68 and #95A2A7 provide excellent versatility for subtle differentiation and visual depth, ensuring an elegant, cohesive aesthetic across various applications.

Best used for

Luxury brand websites and apps
High-end corporate identity design
Editorial layouts and photography backdrops
Modern architectural visualizations
Minimalist UI/UX designs
Sophisticated fashion or jewelry branding

Suggested color roles

primary

Use #2D3436 for strong headings, primary buttons, or impactful hero sections to establish a deep, elegant foundation.

secondary

Apply #535C68 for secondary text, subheadings, or as a supportive background element, offering a softer contrast to the primary dark.

accent

Incorporate #95A2A7 for subtle highlights, interactive states, or decorative elements where a gentle, sophisticated lift is desired.

background

Utilize #EFF3F4 as the main background color for a clean, expansive canvas, ensuring maximum readability and an airy feel.

text

For body text, #2D3436 provides excellent readability against lighter backgrounds, while #EFF3F4 works well for text on darker elements.

Accessibility notes

Ensure sufficient contrast between #2D3436 text on #EFF3F4 backgrounds for optimal readability.
Avoid using mid-tones like #95A2A7 for small text on similar light backgrounds; reserve for larger titles or accents.
Verify contrast ratios for interactive elements (buttons, links) to meet WCAG guidelines, especially with lighter shades.
Consider increasing font weight for text using #535C68 on slightly lighter backgrounds like #CCD1D2.

Recommended combinations

Classic Contrast

Ideal for primary text, clean backgrounds, and subtle call-to-action elements in a sophisticated interface.

#2D3436 · #EFF3F4 · #95A2A7

Subtle Depth

Great for layering content, using the mid-grey as a background, lighter grey for cards, and dark for headings.

#535C68 · #CCD1D2 · #2D3436

Elegant Gradient

Perfect for visual hierarchies, from light backgrounds to slightly darker UI components and text accents.

#EFF3F4 · #95A2A7 · #535C68

CSS variables

:root {
  --sculpted-marble-elegance-1: #2D3436;
  --sculpted-marble-elegance-2: #535C68;
  --sculpted-marble-elegance-3: #95A2A7;
  --sculpted-marble-elegance-4: #CCD1D2;
  --sculpted-marble-elegance-5: #EFF3F4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sculpted-marble-elegance": {
        1: "#2D3436",
        2: "#535C68",
        3: "#95A2A7",
        4: "#CCD1D2",
        5: "#EFF3F4",
      }
    }
  }
}

Hex values

Color 1#2D3436

Color 2#535C68

Color 3#95A2A7

Color 4#CCD1D2

Color 5#EFF3F4

Accessibility

Contrast checker

1.9:1Fail

4.8:1AA

8.2:1AAA

11.4:1AAA

1.9:1Fail

2.6:1Fail

4.4:1AA18

6.1:1AA

4.8:1AA

2.6:1Fail

1.7:1Fail

2.3:1Fail

8.2:1AAA

4.4:1AA18

1.7:1Fail

1.4:1Fail

11.4:1AAA

6.1:1AA

2.3:1Fail

1.4:1Fail

Similar palettes

More like Sculpted Marble Elegance

View all monochrome

Ancient Marble Column

Ancient Marble Statue

Gothic Library Ink

Smoky Quartz Elegance

Ancient Marble Temple

Monochrome Shadow Play