Back to palettes

Palette

Ancient Marble Ruins

Timeless and stately, reflecting the subtle grandeur of weathered marble in ancient ruins.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#EAECEE#D0D3D4#AAB7B8#7F8C8D#5D6D7E

Palette guide

How to use Ancient Marble Ruins

Overview

The Ancient Marble Ruins palette offers a timeless and stately collection of cool grays, reflecting the subtle grandeur of weathered marble. This elegant spectrum features a very light gray #EAECEE, a soft medium gray #D0D3D4, and a balanced mid-gray #AAB7B8. 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 #7F8C8D and a versatile #5D6D7E, 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 #EAECEE (Light Gray) for dominant backgrounds or large content blocks, establishing a clean, elegant foundation.

secondary

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

accent

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

background

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

text

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

Accessibility notes

  • Ensure sufficient contrast for text when using #D0D3D4 (Soft Gray) on #EAECEE (Light Gray); it may be too subtle for readability.
  • Pair #5D6D7E (Dark Slate Gray) or black with #EAECEE for text to meet WCAG AA contrast standards.
  • Avoid using #AAB7B8 (Mid-Gray) on #D0D3D4 (Soft 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

Ruined Structure

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

#EAECEE · #D0D3D4 · #7F8C8D

Weathered Marble

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

#D0D3D4 · #AAB7B8 · #5D6D7E

Stately Decay

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

#EAECEE · #5D6D7E · #AAB7B8

CSS variables

:root {
  --ancient-marble-ruins-1: #EAECEE;
  --ancient-marble-ruins-2: #D0D3D4;
  --ancient-marble-ruins-3: #AAB7B8;
  --ancient-marble-ruins-4: #7F8C8D;
  --ancient-marble-ruins-5: #5D6D7E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-marble-ruins": {
        1: "#EAECEE",
        2: "#D0D3D4",
        3: "#AAB7B8",
        4: "#7F8C8D",
        5: "#5D6D7E",
      }
    }
  }
}

Related searches

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

Palette colors

Hex values

Color 1#EAECEE
·
Color 2#D0D3D4
·
Color 3#AAB7B8
·
Color 4#7F8C8D
·
Color 5#5D6D7E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.9:1Fail
4.5:1AA18
2
1.3:1Fail
1.4:1Fail
2.3:1Fail
3.5:1AA18
3
1.7:1Fail
1.4:1Fail
1.7:1Fail
2.6:1Fail
4
2.9:1Fail
2.3:1Fail
1.7:1Fail
1.5:1Fail
5
4.5:1AA18
3.5:1AA18
2.6:1Fail
1.5:1Fail

Similar palettes

More like Ancient Marble Ruins

View all neutral
Ancient Marble Veins
Marble Dream
Ancient Marble Sculpture
Marble Statue Grace
Marble Statue Grace
Marble Stone Serene