Back to palettes

Palette

Ancient Marble Relic

Elegant shades of grey and white, reminiscent of weathered marble sculptures from antiquity.

monochromeelegant5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5F5F5#DCDCDC#C0C0C0#A9A9A9#708090

Palette guide

How to use Ancient Marble Relic

Overview

The Ancient Marble Relic palette offers an elegant spectrum of cool grays, reminiscent of weathered marble sculptures from antiquity. This sophisticated collection features a bright near-white #F5F5F5, a soft light gray #DCDCDC, and a balanced mid-gray #C0C0C0. Developers and designers can leverage these serene hues for projects demanding a minimalist, elegant, or timeless aesthetic. The palette is grounded by deeper grays: a classic #A9A9A9 and a versatile #708090, providing excellent options for backgrounds, text, and structural elements, ensuring a cohesive and dignified visual experience that speaks of enduring history and refined taste. Perfect for luxury or professional applications.

Best used for

  • Luxury brand websites or product showcases
  • Art gallery or museum digital interfaces
  • Corporate or professional services branding
  • High-end fashion e-commerce platforms
  • Minimalist personal branding or portfolios
  • Interior design concepts for modern classic spaces

Suggested color roles

primary

Use #F5F5F5 (Near-White) for dominant backgrounds or large content blocks, establishing a clean, elegant foundation.

secondary

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

accent

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

background

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

text

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

Accessibility notes

  • Ensure sufficient contrast for text when using #DCDCDC (Light Gray) on #F5F5F5 (Near-White); it may be too subtle for readability.
  • Pair #708090 (Slate Gray) or black with #F5F5F5 for text to meet WCAG AA contrast standards.
  • Avoid using #A9A9A9 (Dark Gray) on #C0C0C0 (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

Sculpted Elegance

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

#F5F5F5 · #DCDCDC · #708090

Weathered Stone

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

#DCDCDC · #C0C0C0 · #A9A9A9

Relic Depths

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

#F5F5F5 · #708090 · #A9A9A9

CSS variables

:root {
  --ancient-marble-relic-1: #F5F5F5;
  --ancient-marble-relic-2: #DCDCDC;
  --ancient-marble-relic-3: #C0C0C0;
  --ancient-marble-relic-4: #A9A9A9;
  --ancient-marble-relic-5: #708090;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-marble-relic": {
        1: "#F5F5F5",
        2: "#DCDCDC",
        3: "#C0C0C0",
        4: "#A9A9A9",
        5: "#708090",
      }
    }
  }
}

Related searches

marble grey color paletteancient stone hex codeselegant monochrome schemeclassical grey tonesminimalist sophisticated colors

Palette colors

Hex values

Color 1#F5F5F5
·
Color 2#DCDCDC
·
Color 3#C0C0C0
·
Color 4#A9A9A9
·
Color 5#708090
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.2:1Fail
3.7:1AA18
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
3:1Fail
3
1.7:1Fail
1.3:1Fail
1.3:1Fail
2.2:1Fail
4
2.2:1Fail
1.7:1Fail
1.3:1Fail
1.7:1Fail
5
3.7:1AA18
3:1Fail
2.2:1Fail
1.7:1Fail

Similar palettes

More like Ancient Marble Relic

View all monochrome