Back to palettes

Palette

Volcanic Ash Glaze

A serene spectrum of grays inspired by volcanic ash, creating a cool, textured and naturally muted aesthetic.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F#696969#808080#A9A9A9#D3D3D3

Palette guide

How to use Volcanic Ash Glaze

Overview

This Volcanic Ash Glaze palette presents a serene spectrum of cool greys, inspired by volcanic ash, creating a cool, textured, and naturally muted aesthetic. It starts with a deep, blue-tinged grey-green (#2F4F4F), providing a unique anchor, then progresses through classic dark grey (#696969), medium grey (#808080), and lighter shades (#A9A9A9, #D3D3D3). This range offers excellent versatility for building minimalist, calm, and sophisticated designs. It's particularly effective for digital products, branding, or editorial content where a clean, unobtrusive, and professional look is desired, allowing content to take center stage with subtle visual depth and an organic feel.

Best used for

  • Corporate minimalist websites
  • Scientific data visualization
  • Clean app interfaces
  • Professional portfolio sites
  • Eco-conscious brand identity
  • Editorial design for tech/science

Suggested color roles

primary

#2F4F4F - A deep, distinctive base color for backgrounds, headers, or large graphical elements, adding a subtle touch of color.

secondary

#696969 - A solid dark grey for secondary content, subheadings, or borders, providing good contrast with lighter shades.

accent

#D3D3D3 - The lightest shade, ideal for highlighting interactive elements, icons, or as a very light background for content cards.

background

#A9A9A9 - A versatile light-medium grey that can serve as a primary content background, offering a soft, approachable feel.

text

#2F4F4F - Dark text for light backgrounds like #D3D3D3 or #A9A9A9. Use a crisp white or #D3D3D3 for text on darker backgrounds.

Accessibility notes

  • Ensure #2F4F4F text on #D3D3D3 or #A9A9A9 backgrounds meets WCAG AA contrast.
  • Avoid using #696969 on #808080 for small text; use for larger headings or UI elements.
  • Test hover and active states for interactive elements to ensure clear visual feedback.
  • For dark mode, use #D3D3D3 for text on #2F4F4F to ensure adequate contrast.

Recommended combinations

Cool Foundation

A deep, cool primary with a very light secondary and a solid dark grey for balance in a sophisticated interface.

#2F4F4F · #D3D3D3 · #696969

Ash Tones

A light background with dark, unique grey text and a neutral grey for secondary elements, offering clarity.

#A9A9A9 · #2F4F4F · #808080

Layered Greys

A balanced dark grey background with light text and a mid-grey for subtle accents, ideal for content hierarchy.

#696969 · #D3D3D3 · #808080

CSS variables

:root {
  --volcanic-ash-glaze-3-1: #2F4F4F;
  --volcanic-ash-glaze-3-2: #696969;
  --volcanic-ash-glaze-3-3: #808080;
  --volcanic-ash-glaze-3-4: #A9A9A9;
  --volcanic-ash-glaze-3-5: #D3D3D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "volcanic-ash-glaze-3": {
        1: "#2F4F4F",
        2: "#696969",
        3: "#808080",
        4: "#A9A9A9",
        5: "#D3D3D3",
      }
    }
  }
}

Related searches

cool grey color schememinimalist ash palettemonochrome grey greensubtle earth tonesprofessional grey design

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#696969
·
Color 3#808080
·
Color 4#A9A9A9
·
Color 5#D3D3D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
3.8:1AA18
6:1AA
2
1.6:1Fail
1.4:1Fail
2.3:1Fail
3.7:1AA18
3
2.3:1Fail
1.4:1Fail
1.7:1Fail
2.6:1Fail
4
3.8:1AA18
2.3:1Fail
1.7:1Fail
1.6:1Fail
5
6:1AA
3.7:1AA18
2.6:1Fail
1.6:1Fail

Similar palettes

More like Volcanic Ash Glaze

View all monochrome
Ancient Volcanic Ash
Volcanic Ash Bloom
Volcanic Ash Dawn
Volcanic Ash Glaze
Volcanic Ash Ridge
Volcanic Glass Beach