Back to palettes

Palette

Ancient Volcanic Ash

A somber palette of deep to medium grays, inspired by the cooled, weathered ash of an ancient volcano.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Volcanic Ash 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 Volcanic Ash.

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

Data visualization

#2C2C2C#4A4A4A#6C6C6C#8E8E8E#B3B3B3

Palette guide

How to use Ancient Volcanic Ash

Overview

The Ancient Volcanic Ash palette is a somber collection of deep to medium grays, inspired by the cooled, weathered ash of an ancient volcano. This monochromatic range features dark #2C2C2C, solid #4A4A4A, balanced #6C6C6C, lighter #8E8E8E, and soft #B3B3B3. Designers can leverage these powerful grays to create a sense of raw strength, minimalist sophistication, and timeless gravitas. Ideal for conveying a serious, modern, or industrial aesthetic, this palette is versatile for both digital interfaces and print materials, bringing a grounded, impactful presence to any design.

Best used for

  • Modern minimalist web and app design
  • Industrial and architectural firm branding
  • Automotive or tech product marketing
  • Dark mode UI themes
  • Art gallery websites and exhibition materials
  • Abstract photography portfolios

Suggested color roles

primary

Utilize #2C2C2C for dominant elements like main headings, navigation bars, or foundational background sections, conveying strong presence and depth.

secondary

Employ #4A4A4A or #6C6C6C for subheadings, secondary content areas, or to establish visual hierarchy without stark contrast, maintaining sophistication.

accent

Introduce #8E8E8E or #B3B3B3 for subtle highlights, interactive states, or delicate graphic elements, adding a touch of weathered lightness.

background

#B3B3B3 offers a clean, neutral background, while #6C6C6C or #4A4A4A can provide a more atmospheric, deeper base.

text

For optimal readability, use a crisp white or #B3B3B3 text on darker shades like #2C2C2C. #2C2C2C works well for text on #B3B3B3.

Accessibility notes

  • Ensure high contrast when pairing darker grays (e.g., #2C2C2C) with lighter ones (e.g., #B3B3B3) for text.
  • Avoid using mid-tone grays (e.g., #6C6C6C) for small text on similar or slightly darker backgrounds without rigorous contrast checking.
  • White or very light gray text is essential on the darkest shades for optimal readability.
  • Routinely check WCAG AA compliance for all critical text and interactive elements.

Recommended combinations

Volcanic Depth

Excellent for dark mode interfaces, strong branding, or design elements that require a powerful, grounded visual impact.

#2C2C2C · #4A4A4A · #6C6C6C

Ash Layers

Ideal for subtle backgrounds, layered UI components, or illustrations that evoke the texture of weathered ash.

#8E8E8E · #B3B3B3 · #4A4A4A

Modern Stone

Perfect for creating sophisticated gradients, minimalist branding, or designs where a consistent, strong, and elegant tone is desired.

#6C6C6C · #2C2C2C · #8E8E8E

CSS variables

:root {
  --ancient-volcanic-ash-1: #2C2C2C;
  --ancient-volcanic-ash-2: #4A4A4A;
  --ancient-volcanic-ash-3: #6C6C6C;
  --ancient-volcanic-ash-4: #8E8E8E;
  --ancient-volcanic-ash-5: #B3B3B3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-volcanic-ash": {
        1: "#2C2C2C",
        2: "#4A4A4A",
        3: "#6C6C6C",
        4: "#8E8E8E",
        5: "#B3B3B3",
      }
    }
  }
}

Related searches

volcanic ash color palettedark gray monochrome schemeancient stone gray designminimalist slate colorsearthy charcoal palette

Palette colors

Hex values

Color 1#2C2C2C
·
Color 2#4A4A4A
·
Color 3#6C6C6C
·
Color 4#8E8E8E
·
Color 5#B3B3B3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
4.3:1AA18
6.7:1AA
2
1.6:1Fail
1.7:1Fail
2.7:1Fail
4.2:1AA18
3
2.7:1Fail
1.7:1Fail
1.6:1Fail
2.5:1Fail
4
4.3:1AA18
2.7:1Fail
1.6:1Fail
1.6:1Fail
5
6.7:1AA
4.2:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Ancient Volcanic Ash

View all monochrome
Volcanic Ash Bloom
Granite Quarry Scale
Volcanic Ash Dawn
Volcanic Ash Dawn
Volcanic Ash Glaze
Volcanic Ash Glaze