Palette

Minimalist Stone Carve

Clean, understated shades of grey, inspired by the smooth, timeless texture of sculpted stone.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Minimalist Stone Carve 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 Minimalist Stone Carve.

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

Data visualization

#575757#7D7D7D#A3A3A3#C8C8C8#E3E3E3

Palette guide

How to use Minimalist Stone Carve

Overview

The Minimalist Stone Carve palette offers clean, understated shades of grey, inspired by the smooth, timeless texture of sculpted stone. It spans from the light #E3E3E3, through the versatile #C8C8C8 and #A3A3A3, to the robust #7D7D7D, and culminates in the deep #575757. This collection provides designers and developers with a sophisticated, grounded foundation for projects that demand a sense of natural elegance, durability, and a modern, uncluttered aesthetic.

Best used for

Sculpture and fine art portfolios
Luxury interior design websites and catalogs
Architectural visualization and firm branding
High-end product displays and packaging
Sophisticated corporate websites and reports
Dark mode interfaces with a natural feel

Suggested color roles

primary

Use #7D7D7D as a versatile mid-dark grey for main structural elements, section backgrounds, or prominent text.

secondary

Apply #A3A3A3 for supporting elements, borders, or to add softer visual weight.

accent

Employ #C8C8C8 as a subtle highlight for delicate lines, hover states, or very light decorative elements.

background

Utilize #E3E3E3 as the primary background color, providing a light, clean, and expansive canvas.

text

Choose #575757 for all body text and essential headings to ensure strong readability and a grounded feel.

Accessibility notes

Ensure #575757 text on #E3E3E3 background meets WCAG AA contrast standards for optimal readability.
Avoid using #C8C8C8 or #A3A3A3 for small body text, especially on light backgrounds, due to low contrast.
When using #575757 or #7D7D7D as backgrounds, ensure text (e.g., #E3E3E3) has sufficient contrast.
Maintain consistent contrast ratios for interactive elements, ensuring clear visual feedback.

Recommended combinations

Light Base

Ideal for creating clean backgrounds, subtle layering, and light elements in a sophisticated layout.

#E3E3E3 · #C8C8C8 · #A3A3A3

Deep Contrast

Excellent for main text, headings, and strong informational blocks, ensuring clear hierarchy and impact.

#E3E3E3 · #575757 · #7D7D7D

Textural Depth

Perfect for card backgrounds, dark mode elements, and rich visual sections, adding a sense of solidity.

#A3A3A3 · #7D7D7D · #575757

CSS variables

:root {
  --minimalist-stone-carve-2-1: #575757;
  --minimalist-stone-carve-2-2: #7D7D7D;
  --minimalist-stone-carve-2-3: #A3A3A3;
  --minimalist-stone-carve-2-4: #C8C8C8;
  --minimalist-stone-carve-2-5: #E3E3E3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "minimalist-stone-carve-2": {
        1: "#575757",
        2: "#7D7D7D",
        3: "#A3A3A3",
        4: "#C8C8C8",
        5: "#E3E3E3",
      }
    }
  }
}

Hex values

Color 1#575757

Color 2#7D7D7D

Color 3#A3A3A3

Color 4#C8C8C8

Color 5#E3E3E3

Accessibility

Contrast checker

1.8:1Fail

2.9:1Fail

4.3:1AA18

5.6:1AA

1.8:1Fail

1.6:1Fail

2.5:1Fail

3.2:1AA18

2.9:1Fail

1.6:1Fail

1.5:1Fail

2:1Fail

4.3:1AA18

2.5:1Fail

1.5:1Fail

1.3:1Fail

5.6:1AA

3.2:1AA18

2:1Fail

1.3:1Fail

Similar palettes

More like Minimalist Stone Carve

View all neutral

Ancient Rune Stone

Metro Grid Hues

Riverbed Smooth Stone

Stone Hearth Comfort

Urban Loft Geometry

Urban Loft Serene