Back to palettes

Palette

Ancient Marble Column

Elegant shades of grey and white, reminiscent of timeless classical marble architecture.

monochromeelegant5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Marble Column 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 Ancient Marble Column.

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

Data visualization

#E9EAE8#D1D2D1#B2B4B3#8D8F8E#A4A6A5

Palette guide

How to use Ancient Marble Column

Overview

The Ancient Marble Column palette offers an elegant spectrum of cool grays, reminiscent of timeless classical marble architecture. This sophisticated collection features a very light gray #E9EAE8, a soft medium gray #D1D2D1, and a balanced mid-gray #B2B4B3. Developers and designers can leverage these serene hues for projects demanding a minimalist, elegant, or architectural aesthetic. The palette is grounded by deeper grays: a classic #8D8F8E and a versatile #A4A6A5, providing excellent options for backgrounds, text, and structural elements, ensuring a cohesive and dignified visual experience that speaks of enduring strength and refined taste. Perfect for luxury or professional applications.

Best used for

  • Luxury brand websites or product showcases
  • Architecture or interior design portfolios
  • Corporate or professional services branding
  • Art gallery or museum digital interfaces
  • High-end fashion e-commerce platforms
  • Minimalist personal branding or portfolios

Suggested color roles

primary

Use #E9EAE8 (Light Gray) for dominant backgrounds or large content blocks, establishing a clean, elegant foundation.

secondary

Apply #D1D2D1 (Soft Gray) for supporting elements, sidebars, or card backgrounds, adding subtle depth.

accent

Employ #B2B4B3 (Mid-Gray) for subtle highlights, interactive elements, or borders, providing gentle visual separation.

background

The lightest #E9EAE8 serves as an excellent, airy background, allowing darker text to stand out clearly.

text

For lighter backgrounds, use #8D8F8E (Dark Gray) or a deep charcoal black for optimal readability. For dark backgrounds, use white.

Accessibility notes

  • Ensure sufficient contrast for text when using #D1D2D1 (Soft Gray) on #E9EAE8 (Light Gray); it may be too subtle for readability.
  • Pair #8D8F8E (Dark Gray) or black with #E9EAE8 for text to meet WCAG AA contrast standards.
  • Avoid using #A4A6A5 (Medium Gray) on #B2B4B3 (Mid-Gray) for small text; the contrast might be insufficient.
  • For interactive elements, ensure distinct visual cues beyond color, especially when using adjacent similar shades of gray.

Recommended combinations

Classic Structure

Ideal for a clean, readable website layout with a sophisticated, architectural feel for text and backgrounds.

#E9EAE8 · #D1D2D1 · #8D8F8E

Marble Veins

Great for subtle gradients, background patterns, or distinguishing between adjacent UI elements with minimal contrast.

#D1D2D1 · #B2B4B3 · #A4A6A5

Stately Presence

Use the darkest shades for impactful headings or calls-to-action against a light, elegant background.

#E9EAE8 · #8D8F8E · #B2B4B3

CSS variables

:root {
  --ancient-marble-column-1: #E9EAE8;
  --ancient-marble-column-2: #D1D2D1;
  --ancient-marble-column-3: #B2B4B3;
  --ancient-marble-column-4: #8D8F8E;
  --ancient-marble-column-5: #A4A6A5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-marble-column": {
        1: "#E9EAE8",
        2: "#D1D2D1",
        3: "#B2B4B3",
        4: "#8D8F8E",
        5: "#A4A6A5",
      }
    }
  }
}

Related searches

marble grey color paletteclassic stone hex codeselegant monochrome schemearchitectural grey tonesminimalist sophisticated colors

Palette colors

Hex values

Color 1#E9EAE8
·
Color 2#D1D2D1
·
Color 3#B2B4B3
·
Color 4#8D8F8E
·
Color 5#A4A6A5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.7:1Fail
2:1Fail
2
1.3:1Fail
1.4:1Fail
2.1:1Fail
1.6:1Fail
3
1.7:1Fail
1.4:1Fail
1.6:1Fail
1.2:1Fail
4
2.7:1Fail
2.1:1Fail
1.6:1Fail
1.3:1Fail
5
2:1Fail
1.6:1Fail
1.2:1Fail
1.3:1Fail

Similar palettes

More like Ancient Marble Column

View all monochrome
Sculpted Marble Elegance
Smoky Quartz Elegance
Ancient Marble Statue
Ancient Marble Temple
Ancient Stone Keep
Gothic Library Ink