Back to palettes

Palette

Brushed Steel Aura

A polished gradient of cool grays, evoking the smooth, refined surface of brushed steel.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Brushed Steel Aura 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 Brushed Steel Aura.

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

Data visualization

#6E6E6E#8C8C8C#AAAAAA#C8C8C8#E0E0E0

Palette guide

How to use Brushed Steel Aura

Overview

The Brushed Steel Aura palette is a polished gradient of cool grays, evoking the smooth, refined surface of brushed steel. This monochrome collection features #6E6E6E (medium dark grey), #8C8C8C (medium grey), #AAAAAA (light-medium grey), #C8C8C8 (light grey), and #E0E0E0 (very light grey). Designers and developers will find this palette indispensable for creating modern, sleek, and minimalist designs. It's perfect for conveying professionalism, industrial chic, and understated elegance in any digital or physical medium.

Best used for

  • Tech interfaces and software design
  • Industrial product design and branding
  • Minimalist branding and corporate identities
  • Architectural renderings and interior design
  • Modern art installations and photography portfolios
  • Sleek automotive design concepts

Suggested color roles

primary

Use #6E6E6E for a solid, foundational presence, perfect for main content areas or robust backgrounds.

secondary

Employ #8C8C8C and #AAAAAA for supporting elements, subtle gradients, or to add visual depth without distraction.

accent

Apply #C8C8C8 and #E0E0E0 for highlights, clean separators, or as very light background elements to create an airy feel.

background

A clean #E0E0E0 provides a bright, minimalist base, while #6E6E6E offers a strong, sophisticated backdrop.

text

For lighter backgrounds, use black or a very dark grey (#333333). For darker backgrounds, white or a light grey like #E0E0E0 ensures excellent readability.

Accessibility notes

  • Lighter shades such as #AAAAAA, #C8C8C8, and #E0E0E0 require dark text (black or charcoal) for sufficient contrast.
  • Deeper greys like #6E6E6E and #8C8C8C pair well with white or light grey text.
  • Ensure adequate contrast between adjacent grey elements, especially for interactive components.
  • Always test text legibility on all chosen background shades to meet WCAG contrast guidelines.

Recommended combinations

Metallic Sheen

Creates a smooth, dark-to-mid-tone gradient, ideal for backgrounds or metallic textures.

#6E6E6E · #8C8C8C · #AAAAAA

Refined Surface

Offers a light, airy, and modern aesthetic, perfect for clean interfaces or subtle highlights.

#C8C8C8 · #E0E0E0 · #AAAAAA

Industrial Edge

Provides strong contrast for impactful highlights and a robust, industrial feel.

#6E6E6E · #E0E0E0 · #8C8C8C

CSS variables

:root {
  --brushed-steel-aura-1: #6E6E6E;
  --brushed-steel-aura-2: #8C8C8C;
  --brushed-steel-aura-3: #AAAAAA;
  --brushed-steel-aura-4: #C8C8C8;
  --brushed-steel-aura-5: #E0E0E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "brushed-steel-aura": {
        1: "#6E6E6E",
        2: "#8C8C8C",
        3: "#AAAAAA",
        4: "#C8C8C8",
        5: "#E0E0E0",
      }
    }
  }
}

Related searches

monochrome grey palettemodern steel colorsminimalist design schemeindustrial brandingsleek UI colors

Palette colors

Hex values

Color 1#6E6E6E
·
Color 2#8C8C8C
·
Color 3#AAAAAA
·
Color 4#C8C8C8
·
Color 5#E0E0E0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
3:1AA18
3.9:1AA18
2
1.5:1Fail
1.4:1Fail
2:1Fail
2.5:1Fail
3
2.2:1Fail
1.4:1Fail
1.4:1Fail
1.8:1Fail
4
3:1AA18
2:1Fail
1.4:1Fail
1.3:1Fail
5
3.9:1AA18
2.5:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Brushed Steel Aura

View all monochrome
Concrete Jungle Hue
Industrial Chrome Shine
Steel Beam Contrast
Steel Bridge Vista
Steel City Sheen
Urban Graphite