Back to palettes

Palette

Volcanic Ash Fields

Deep, muted greys and earthy browns reflect the stark, imposing beauty of volcanic ash fields.

darkminimal5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36454F#556B2F#708090#C0C0C0#8B4513

Palette guide

How to use Volcanic Ash Fields

Overview

This Volcanic Ash Fields palette offers a sophisticated, earthy foundation for designs requiring a muted, yet powerful aesthetic. Dominated by deep, charcoal grey (#36454F) and a contrasting muted olive green (#556B2F), it evokes natural landscapes. The inclusion of a warm, medium grey (#708090) and a soft, light grey (#C0C0C0) provides essential tonal range, while a rich, burnt sienna (#8B4513) adds a grounding, earthy accent. Designers can leverage this palette for robust, timeless interfaces, branding, or editorial layouts that need a sense of gravitas and natural texture. It's particularly useful for projects aiming for an organic, understated elegance and a strong, natural feel.

Best used for

  • Eco-friendly brand identity
  • Nature photography websites
  • Luxury packaging design
  • Minimalist UI/UX dark themes
  • Architectural firm branding
  • Outdoor apparel design

Suggested color roles

primary

#36454F - Excellent for main backgrounds, navigation bars, or large text blocks where a strong, sophisticated dark base is needed.

secondary

#708090 - Use for secondary content areas, subheadings, or borders to provide subtle visual separation from the primary dark grey.

accent

#8B4513 - Ideal for calls-to-action, key iconography, or subtle highlights that require a warm, earthy pop without being overly vibrant.

background

#C0C0C0 - A light, neutral background for content sections, cards, or as a subtle contrast to darker elements.

text

#36454F - For dark text on light backgrounds like #C0C0C0, or use a near-white for text on darker shades like #36454F.

Accessibility notes

  • Ensure sufficient contrast between #36454F text and #C0C0C0 background for readability (WCAG AA).
  • Text on #8B4513 as an accent will likely need a lighter color (e.g., white) to meet contrast standards.
  • Avoid using #708090 on #C0C0C0 for small body text; reserve for larger headings or UI elements.
  • Test button and link states for clear visual distinction, especially when using #556B2F.

Recommended combinations

Earthy Contrast

A strong dark background with a crisp light content area and a warm, grounding accent for key elements.

#36454F · #C0C0C0 · #8B4513

Subtle Greens

A harmonious blend of greys with a muted green highlight, suitable for subtle UI elements or data visualization.

#708090 · #556B2F · #36454F

Natural Depth

Light background with dark text, accented by a natural green for a fresh, readable design.

#C0C0C0 · #36454F · #556B2F

CSS variables

:root {
  --volcanic-ash-fields-1: #36454F;
  --volcanic-ash-fields-2: #556B2F;
  --volcanic-ash-fields-3: #708090;
  --volcanic-ash-fields-4: #C0C0C0;
  --volcanic-ash-fields-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "volcanic-ash-fields": {
        1: "#36454F",
        2: "#556B2F",
        3: "#708090",
        4: "#C0C0C0",
        5: "#8B4513",
      }
    }
  }
}

Related searches

earthy grey color schememinimalist nature palettecharcoal olive color combomuted volcanic colorsnatural dark aesthetic

Palette colors

Hex values

Color 1#36454F
·
Color 2#556B2F
·
Color 3#708090
·
Color 4#C0C0C0
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.4:1Fail
5.4:1AA
1.4:1Fail
2
1.7:1Fail
1.5:1Fail
3.3:1AA18
1.2:1Fail
3
2.4:1Fail
1.5:1Fail
2.2:1Fail
1.8:1Fail
4
5.4:1AA
3.3:1AA18
2.2:1Fail
3.9:1AA18
5
1.4:1Fail
1.2:1Fail
1.8:1Fail
3.9:1AA18

Similar palettes

More like Volcanic Ash Fields

View all dark
Volcanic Basalt Texture
Anthracite Edge
Smoked Slate
Stellar Dust Motes
Volcanic Ash Fields
Brutalist Concrete Form