Palette

Industrial Echo Wall

A raw, unpolished array of greys, reminiscent of a weathered concrete wall in an industrial zone.

MonochromeMinimal5 colors

More Monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Industrial Echo Wall 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 Industrial Echo Wall.

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

Data visualization

#343A40#495057#6C757D#ADB5BD#DEE2E6

Palette guide

How to use Industrial Echo Wall

Overview

The Industrial Echo Wall palette offers a robust, monochrome gradient reminiscent of weathered concrete, perfect for creating grounded and sophisticated digital experiences. Featuring deep charcoal #343A40 through to light grey #DEE2E6, this collection provides a versatile range for subtle depth and visual hierarchy. Designers can leverage these shades to build strong foundational elements, while developers will appreciate the predictable contrast ratios for UI components. Its raw, unpolished array of greys, including the mid-tone #6C757D, ensures a cohesive and professional aesthetic across web and mobile applications, branding, or architectural visualizations. This palette is ideal for conveying stability and a modern, minimalist appeal.

Best used for

Industrial-themed website interfaces
Architectural rendering and visualizations
Minimalist branding and logos
Dark mode UI themes
Technical documentation platforms
Urban photography portfolios

Suggested color roles

primary

#343A40 - Ideal for dominant structural elements like headers, footers, or main navigation, providing a strong, foundational anchor.

secondary

#495057 - Use for secondary navigation, card backgrounds, or subtle section dividers, offering depth without stark contrast.

accent

#6C757D - A versatile mid-tone grey, perfect for subtle highlights, interactive states, or icons where a gentle emphasis is needed.

background

#DEE2E6 - An excellent light background for content areas, offering a clean canvas that complements the darker greys without being stark white.

text

#343A40 - For primary body text on light backgrounds like #DEE2E6 or #ADB5BD to ensure optimal readability. Alternatively, use a near-white on #343A40.

Accessibility notes

Ensure sufficient contrast between #343A40 text and #DEE2E6 backgrounds for AA/AAA compliance.
Avoid using #ADB5BD on #DEE2E6 for small text due to low contrast.
Use a very light grey or white for text on #343A40 or #495057 to maintain readability.
Consider larger font sizes for text colored #6C757D when placed on #ADB5BD.

Recommended combinations

Dark Base

Effective for creating high-contrast layouts with a dark foundation, suitable for headers and main content.

#343A40 · #495057 · #DEE2E6

Subtle Gradient

Provides a smooth, light-to-mid transition, excellent for backgrounds, subtle gradients, or layered UI elements.

#DEE2E6 · #ADB5BD · #6C757D

Monochrome Depth

Ideal for establishing visual hierarchy within components, using varied grey tones for different states or elements.

#495057 · #6C757D · #ADB5BD

CSS variables

:root {
  --industrial-echo-wall-1: #343A40;
  --industrial-echo-wall-2: #495057;
  --industrial-echo-wall-3: #6C757D;
  --industrial-echo-wall-4: #ADB5BD;
  --industrial-echo-wall-5: #DEE2E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "industrial-echo-wall": {
        1: "#343A40",
        2: "#495057",
        3: "#6C757D",
        4: "#ADB5BD",
        5: "#DEE2E6",
      }
    }
  }
}

Hex values

Color 1#343A40

Color 2#495057

Color 3#6C757D

Color 4#ADB5BD

Color 5#DEE2E6

Accessibility

Contrast checker

1.4:1Fail

2.5:1Fail

5.5:1AA

8.8:1AAA

1.4:1Fail

1.7:1Fail

3.9:1AA18

6.3:1AA

2.5:1Fail

1.7:1Fail

2.3:1Fail

3.6:1AA18

5.5:1AA

3.9:1AA18

2.3:1Fail

1.6:1Fail

8.8:1AAA

6.3:1AA

3.6:1AA18

1.6:1Fail

Similar palettes

More like Industrial Echo Wall

View all Monochrome

Urban Concrete Calm

Abstract Urban Canvas