Back to palettes

Palette

Concrete Brutalism Form

A stark, minimalist collection of greys, embodying the raw and powerful aesthetic of brutalist architecture.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Concrete Brutalism Form 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 Concrete Brutalism Form.

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

Data visualization

#A8A8A8#C0C0C0#D3D3D3#E8E8E8#808080

Palette guide

How to use Concrete Brutalism Form

Overview

The Concrete Brutalism Form palette is a stark, minimalist collection of grays, embodying the raw and powerful aesthetic of brutalist architecture. With shades ranging from the mid-dark #808080 to the very light #E8E8E8, and including balanced tones like #A8A8A8 and #C0C0C0, this palette exudes a raw, industrial elegance. Designers can leverage these monochromatic grays to create bold, unadorned designs that emphasize form and material. Developers will find these colors ideal for creating clean, high-impact interfaces, architectural presentations, or any platform seeking to convey strength, authenticity, and uncompromising simplicity.

Best used for

  • Brutalist architecture presentations
  • Minimalist art and sculpture websites
  • Industrial branding and identity
  • Modern tech interfaces
  • Conceptual design projects
  • Stark editorial layouts

Suggested color roles

primary

Use #808080 for dominant elements like headers or key structural components to establish a strong, unyielding presence.

secondary

Apply #A8A8A8 or #C0C0C0 for subheadings, secondary buttons, or larger content blocks, adding subtle shifts in texture.

accent

Introduce #D3D3D3 or #E8E8E8 sparingly for subtle highlights, borders, or text to provide gentle contrast.

background

The light #E8E8E8 offers a clean, stark backdrop. For a deeper background, #808080 can be used with white text.

text

For optimal readability, use black or very dark charcoal text on all shades within this palette, as they are all relatively light.

Accessibility notes

  • All colors in this palette are light to mid-gray; ensure text used on them is black or a very dark, contrasting color.
  • Avoid pairing adjacent shades for text and background as the contrast will be insufficient for readability.
  • For UI elements, use strong outlines or very distinct color shifts to differentiate interactive components.
  • Consider using larger font sizes for all text to enhance readability against the subtle variations of gray.

Recommended combinations

Raw Form

Creates a strong, foundational look, ideal for structural elements or bold branding.

#808080 · #A8A8A8 · #C0C0C0

Subtle Shift

Perfect for backgrounds and content areas, offering a delicate, harmonious gradient.

#C0C0C0 · #D3D3D3 · #E8E8E8

Stark Contrast

Use for highlights and interactive elements, providing a clear yet understated visual impact.

#808080 · #D3D3D3 · #E8E8E8

CSS variables

:root {
  --concrete-brutalism-form-1: #A8A8A8;
  --concrete-brutalism-form-2: #C0C0C0;
  --concrete-brutalism-form-3: #D3D3D3;
  --concrete-brutalism-form-4: #E8E8E8;
  --concrete-brutalism-form-5: #808080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "concrete-brutalism-form": {
        1: "#A8A8A8",
        2: "#C0C0C0",
        3: "#D3D3D3",
        4: "#E8E8E8",
        5: "#808080",
      }
    }
  }
}

Related searches

brutalist grey paletteminimalist concrete colorsstark monochrome schemeindustrial architecture tonesraw design greys

Palette colors

Hex values

Color 1#A8A8A8
·
Color 2#C0C0C0
·
Color 3#D3D3D3
·
Color 4#E8E8E8
·
Color 5#808080
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.9:1Fail
1.7:1Fail
2
1.3:1Fail
1.2:1Fail
1.5:1Fail
2.2:1Fail
3
1.6:1Fail
1.2:1Fail
1.2:1Fail
2.6:1Fail
4
1.9:1Fail
1.5:1Fail
1.2:1Fail
3.2:1AA18
5
1.7:1Fail
2.2:1Fail
2.6:1Fail
3.2:1AA18

Similar palettes

More like Concrete Brutalism Form

View all monochrome
Urban Gridline Grey
Architectural Grid Hues
Brushed Steel Aura
City Grayscale View
City Grid Graphite
City Loft Grey