Palette

Volcanic Ash Dawn

Cool greys and subtle warm tones mimic the fine dust of volcanic ash at first light.

monochromeminimal5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E8E0D7#B9B5AE#8F8981#635F57#4C4942

Palette guide

How to use Volcanic Ash Dawn

Overview

The "Volcanic Ash Dawn" palette is a serene monochrome collection, capturing the cool greys and subtle warm tones of volcanic ash at first light. Ranging from the soft, luminous #E8E0D7 to the grounding #4C4942, with balanced mid-tones like #B9B5AE and #635F57, this palette offers exceptional versatility for designers and developers. It's ideal for creating minimalist, sophisticated, and earthy aesthetics where subtle variations in tone convey depth and natural elegance. This scheme is perfect for conveying calmness, understated luxury, and a strong, clean brand identity across various digital and print applications.

Best used for

Minimalist lifestyle blogs or e-commerce
Spa and wellness brand identities
Eco-friendly product packaging
Photography portfolios with a natural feel
UI/UX designs for meditation apps
Modern interior design mood boards

Suggested color roles

primary

Provides a strong, foundational anchor, excellent for backgrounds, headers, or structural elements with #4C4942 (Dark Warm Grey).

secondary

A versatile mid-tone, suitable for main content blocks, cards, or secondary navigation using #635F57 (Medium Warm Grey).

accent

Offers bright, clean highlights, perfect for interactive elements, delicate text, or subtle dividers with #E8E0D7 (Light Beige-Grey).

background

Creates a soft, luminous canvas that allows darker elements to pop with clarity, typically #E8E0D7 (Light Beige-Grey).

text

For primary text on light backgrounds, use #4C4942 (Dark Warm Grey); #635F57 (Medium Warm Grey) can be used for secondary text on slightly lighter grays.

Accessibility notes

Ensure strong contrast for text; #4C4942 (Dark Warm Grey) on #E8E0D7 (Light Beige-Grey) is excellent.
Be cautious with combinations like #B9B5AE on #8F8981 for small text, as contrast might be insufficient.
Always check WCAG guidelines for text readability, especially for smaller font sizes.
Use the darkest shades for text on the lightest backgrounds for optimal accessibility.

Recommended combinations

Dawn Hues

Creates a soft, natural contrast for clean layouts and readable text.

#E8E0D7 · #4C4942 · #8F8981

Ash Layers

Subtle tonal shifts for background textures, card borders, or progressive disclosure.

#B9B5AE · #8F8981 · #635F57

Gentle Slope

A light base with deeper accents, ideal for professional interfaces and branding.

#E8E0D7 · #635F57 · #B9B5AE

CSS variables

:root {
  --volcanic-ash-dawn-2-1: #E8E0D7;
  --volcanic-ash-dawn-2-2: #B9B5AE;
  --volcanic-ash-dawn-2-3: #8F8981;
  --volcanic-ash-dawn-2-4: #635F57;
  --volcanic-ash-dawn-2-5: #4C4942;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "volcanic-ash-dawn-2": {
        1: "#E8E0D7",
        2: "#B9B5AE",
        3: "#8F8981",
        4: "#635F57",
        5: "#4C4942",
      }
    }
  }
}

Hex values

Color 1#E8E0D7

Color 2#B9B5AE

Color 3#8F8981

Color 4#635F57

Color 5#4C4942

Accessibility

Contrast checker

1.6:1Fail

2.7:1Fail

4.9:1AA

6.9:1AA

1.6:1Fail

1.7:1Fail

3.1:1AA18

4.4:1AA18

2.7:1Fail

1.7:1Fail

1.8:1Fail

2.6:1Fail

4.9:1AA

3.1:1AA18

1.8:1Fail

1.4:1Fail

6.9:1AA

4.4:1AA18

2.6:1Fail

1.4:1Fail

Similar palettes

More like Volcanic Ash Dawn