Back to palettes

Palette

Industrial Chic Echo

A sophisticated grayscale, echoing the sleek, raw materials and refined aesthetic of industrial-chic design.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4F4F4F#707070#969696#C2C2C2#E6E6E6

Palette guide

How to use Industrial Chic Echo

Overview

The Industrial Chic Echo palette is a sophisticated grayscale, echoing the sleek, raw materials and refined aesthetic of industrial-chic design. This monochrome collection ranges from the deep #4F4F4F to the bright #E6E6E6, with balanced mid-tones like #707070, #969696, and #C2C2C2. It provides designers and developers with a powerful foundation for minimalist, modern, and urban-inspired projects. Ideal for creating clean, uncluttered interfaces and branding that emphasizes structure, functionality, and understated elegance, this palette ensures a cohesive and timeless look across various applications.

Best used for

  • Modern architecture and interior design portfolios
  • Tech startup websites and applications
  • Minimalist branding and product design
  • Urban lifestyle and fashion editorial layouts
  • Sleek photography and art showcases
  • Professional services websites requiring a clean aesthetic

Suggested color roles

primary

Designate #4F4F4F as the strong, foundational dark grey for major headings, primary text, or bold UI elements.

secondary

Utilize #707070 for supporting elements like subheadings, borders, or subtle background divisions, adding depth without harshness.

accent

Employ #C2C2C2 for subtle highlights, inactive states, or decorative lines, offering a soft visual break.

background

Apply #E6E6E6 as a clean, bright canvas, providing a spacious and airy backdrop that enhances content readability.

text

For optimal readability, use #4F4F4F or a true black for all primary body text on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using mid-tones like #707070 on the #E6E6E6 background.
  • Avoid using #C2C2C2 for small or critical text, as its low contrast on light backgrounds may impair readability.
  • Maintain clear visual hierarchy by varying the grey tones, using darker shades for important information and lighter for less critical elements.
  • Always check contrast ratios for interactive elements to ensure they are easily distinguishable.

Recommended combinations

Deep Contrast

Perfect for a minimalist UI: #E6E6E6 as the background, #4F4F4F for bold headings, and #707070 for body text.

#4F4F4F · #E6E6E6 · #707070

Layered Greys

Ideal for creating subtle depth in UI cards, panels, or gradients, adding dimension without introducing color.

#707070 · #969696 · #C2C2C2

Minimalist UI

Use #E6E6E6 as the main background, #4F4F4F for primary content and text, and #C2C2C2 for dividers or disabled states.

#E6E6E6 · #4F4F4F · #C2C2C2

CSS variables

:root {
  --industrial-chic-echo-1: #4F4F4F;
  --industrial-chic-echo-2: #707070;
  --industrial-chic-echo-3: #969696;
  --industrial-chic-echo-4: #C2C2C2;
  --industrial-chic-echo-5: #E6E6E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "industrial-chic-echo": {
        1: "#4F4F4F",
        2: "#707070",
        3: "#969696",
        4: "#C2C2C2",
        5: "#E6E6E6",
      }
    }
  }
}

Related searches

grayscale industrial palettemodern grey schememinimalist ui colorsindustrial chic designmonochrome urban aesthetic

Palette colors

Hex values

Color 1#4F4F4F
·
Color 2#707070
·
Color 3#969696
·
Color 4#C2C2C2
·
Color 5#E6E6E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
4.6:1AA
6.6:1AA
2
1.7:1Fail
1.7:1Fail
2.8:1Fail
4:1AA18
3
2.8:1Fail
1.7:1Fail
1.7:1Fail
2.4:1Fail
4
4.6:1AA
2.8:1Fail
1.7:1Fail
1.4:1Fail
5
6.6:1AA
4:1AA18
2.4:1Fail
1.4:1Fail

Similar palettes

More like Industrial Chic Echo

View all monochrome
City Steel Gleam
Industrial Cityscape Grey
Modern Loft Concrete
Urban Slate Canvas
City Grayscale View
City Loft Minimal