Palette

Cool Stone Carving

The elegant, quiet beauty of sculpted stone, with its subtle variations and cool, smooth surfaces.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cool Stone Carving 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 Cool Stone Carving.

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

Data visualization

#DCDCDC#F5F5F5#A9B6BD#708090#82C8C8

Palette guide

How to use Cool Stone Carving

Overview

The Cool Stone Carving palette embodies the elegant and quiet beauty of sculpted stone, offering a sophisticated blend of cool greys and a refreshing touch of blue. With crisp whites like #F5F5F5 and #DCDCDC, balanced by deeper blue-greys such as #A9B6BD and #708090, this collection creates a serene and refined atmosphere. The unique #82C8C8 adds a subtle, almost crystalline accent, reminiscent of a cool, polished surface. Designers and developers can leverage these hex codes to craft clean, elegant, and calming interfaces, minimalist branding, or architectural presentations that convey purity, precision, and timelessness.

Best used for

Modern art gallery websites
Luxury interior design platforms
High-end jewelry or sculpture e-commerce
Minimalist tech brand interfaces
Architectural firm portfolios
Serene meditation or wellness apps

Suggested color roles

primary

Use #F5F5F5 as the expansive primary background, offering a clean, bright canvas.

secondary

Apply #DCDCDC for secondary content areas, card backgrounds, or subtle layering.

accent

Introduce #82C8C8 as a refreshing, sophisticated accent for interactive elements or highlights.

background

The deeper #708090 can serve as a strong background for footers or distinct sections.

text

A dark charcoal (#333333) or deep blue-grey (#4A6D6D) provides excellent contrast on lighter tones.

Accessibility notes

Ensure sufficient contrast for text, especially when pairing mid-tones like #A9B6BD with other colors.
Text in a dark color on #F5F5F5 and #DCDCDC will be highly readable.
For #708090, white text (#FFFFFF) will provide the best contrast.
Use subtle shadows or borders to clearly define interactive elements against similar light backgrounds.

Recommended combinations

Sculpted Base

Excellent for clean, minimalist layouts, main content areas, or subtle background textures.

#F5F5F5 · #DCDCDC · #A9B6BD

Cool Depth

Use for strong section dividers, sophisticated footers, or dark mode components.

#A9B6BD · #708090 · #F5F5F5

Crystalline Touch

Ideal for interactive elements, calls-to-action, or a refreshing touch of color in illustrations.

#82C8C8 · #F5F5F5 · #A9B6BD

CSS variables

:root {
  --cool-stone-carving-1: #DCDCDC;
  --cool-stone-carving-2: #F5F5F5;
  --cool-stone-carving-3: #A9B6BD;
  --cool-stone-carving-4: #708090;
  --cool-stone-carving-5: #82C8C8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cool-stone-carving": {
        1: "#DCDCDC",
        2: "#F5F5F5",
        3: "#A9B6BD",
        4: "#708090",
        5: "#82C8C8",
      }
    }
  }
}

Hex values

Color 1#DCDCDC

Color 2#F5F5F5

Color 3#A9B6BD

Color 4#708090

Color 5#82C8C8

Accessibility

Contrast checker

1.3:1Fail

1.5:1Fail

3:1Fail

1.4:1Fail

1.3:1Fail

1.9:1Fail

3.7:1AA18

1.7:1Fail

1.5:1Fail

1.9:1Fail

2:1Fail

1.1:1Fail

3:1Fail

3.7:1AA18

2:1Fail

2.1:1Fail

1.4:1Fail

1.7:1Fail

1.1:1Fail

2.1:1Fail

Similar palettes

More like Cool Stone Carving

Ice Cave Luminescence

Arctic Fox Shadow