Back to palettes

Palette

Marble Statue Grace

The subtle, cool tones of a classic marble sculpture, embodying timeless elegance.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Marble Statue Grace 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 Marble Statue Grace.

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

Data visualization

#F0F8FF#D3D3D3#C0C0C0#A9A9A9#708090

Palette guide

How to use Marble Statue Grace

Overview

The Marble Statue Grace palette embodies the subtle, cool tones of a classic marble sculpture, exuding timeless elegance. This sophisticated collection features an ethereal off-white (#F0F8FF) for an airy base, complemented by a range of gentle greys (#D3D3D3, #C0C0C0, #A9A9A9) that mimic the stone's natural variations. A deeper, cool slate-grey (#708090) provides essential contrast and a touch of grounded sophistication. Designers and developers can leverage this palette to create refined, serene, and minimalist designs, perfect for luxury brands, art-related platforms, or any project where understated beauty and clarity are paramount.

Best used for

  • Luxury brand identity and high-end product design
  • Art gallery and museum website interfaces
  • Minimalist wedding stationery or event branding
  • Elegant fashion or jewelry e-commerce platforms
  • Interior design concepts emphasizing light and space
  • Professional portfolio websites for designers or architects

Suggested color roles

primary

Utilize #A9A9A9 (Dark Gray) for main headings, key UI elements, or subtle brand accents to establish a refined, balanced presence.

secondary

Employ #C0C0C0 (Silver) for supporting content, secondary navigation, or soft graphical elements, offering a gentle, elegant contrast.

accent

Apply #708090 (Slate Gray) for impactful accents, interactive states, or deep text, adding a sophisticated depth and strong readability.

background

Designate #F0F8FF (Alice Blue) as the primary background color, providing an exceptionally clean, airy, and expansive canvas.

text

Choose #708090 (Slate Gray) for body text and crucial information, ensuring excellent readability and a sophisticated, classic aesthetic against lighter shades.

Accessibility notes

  • Ensure #708090 text on #F0F8FF or #D3D3D3 backgrounds meets WCAG contrast standards for optimal readability.
  • Avoid using #D3D3D3 or #C0C0C0 for small text on #F0F8FF as contrast will be insufficient; reserve for larger elements.
  • The darkest grey (#708090) offers the best contrast for all essential text against any lighter color in the palette.
  • For headings in #A9A9A9, ensure sufficient background luminance to maintain legibility and visual impact.

Recommended combinations

Classic Grace

Ideal for elegant website headers, sophisticated typography, or primary brand elements with clear contrast.

#A9A9A9 · #F0F8FF · #708090

Sculptural Light

Excellent for clean background layouts, subtle card designs, or UI elements that require gentle, layered softness.

#F0F8FF · #D3D3D3 · #C0C0C0

Modern Depth

Sophisticated and versatile, perfect for navigational elements, interactive states, or creating a sense of refined depth.

#708090 · #C0C0C0 · #A9A9A9

CSS variables

:root {
  --marble-statue-grace-2-1: #F0F8FF;
  --marble-statue-grace-2-2: #D3D3D3;
  --marble-statue-grace-2-3: #C0C0C0;
  --marble-statue-grace-2-4: #A9A9A9;
  --marble-statue-grace-2-5: #708090;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "marble-statue-grace-2": {
        1: "#F0F8FF",
        2: "#D3D3D3",
        3: "#C0C0C0",
        4: "#A9A9A9",
        5: "#708090",
      }
    }
  }
}

Related searches

marble white grey paletteelegant neutral color schememinimalist cool tonesclassic sculpture colorssophisticated web design

Palette colors

Hex values

Color 1#F0F8FF
·
Color 2#D3D3D3
·
Color 3#C0C0C0
·
Color 4#A9A9A9
·
Color 5#708090
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
2.2:1Fail
3.8:1AA18
2
1.4:1Fail
1.2:1Fail
1.6:1Fail
2.7:1Fail
3
1.7:1Fail
1.2:1Fail
1.3:1Fail
2.2:1Fail
4
2.2:1Fail
1.6:1Fail
1.3:1Fail
1.7:1Fail
5
3.8:1AA18
2.7:1Fail
2.2:1Fail
1.7:1Fail

Similar palettes

More like Marble Statue Grace

View all neutral
Marble Statue Grace
Ancient Marble Ruins
Ancient Marble Veins
Eminent City Style
Marble Dream
Ancient Calligraphy Ink