Back to palettes

Palette

Bare Concrete Stillness

A stark, minimalist palette reflecting the raw, unadorned beauty of concrete structures and quiet urban spaces.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bare Concrete Stillness 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 Bare Concrete Stillness.

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

Data visualization

#3A414A#5A626E#7B8491#9CA7B5#BEC7D3

Palette guide

How to use Bare Concrete Stillness

Overview

The Bare Concrete Stillness palette offers a sophisticated, minimalist foundation for designs seeking a calm and industrial aesthetic. Comprising five muted grey tones, from the deep charcoal of #3A414A to the light, airy #BEC7D3, this palette expertly captures the raw beauty of concrete and urban landscapes. Designers can leverage this neutral spectrum to create clean, uncluttered interfaces or robust branding. Developers will find these consistent shades excellent for building scalable design systems, ensuring visual harmony across various UI elements. Its inherent versatility makes it ideal for projects that require a modern, understated elegance without sacrificing depth. The mid-tones like #7B8491 and #9CA7B5 provide crucial stepping stones for subtle visual hierarchy.

Best used for

  • Architectural portfolios
  • Modern tech interfaces
  • Urban lifestyle branding
  • Industrial product design
  • Minimalist art galleries
  • Sustainable fashion websites

Suggested color roles

primary

#3A414A - A deep, anchoring grey perfect for strong headers, primary navigation, or dark mode backgrounds.

secondary

#5A626E - A versatile mid-dark grey for subheadings, secondary buttons, or large content blocks.

accent

#7B8491 - A balanced, cooler grey offering subtle emphasis for icons, borders, or hover states.

background

#BEC7D3 - A very light, almost off-white grey ideal for clean, spacious page backgrounds and content areas.

text

#3A414A or a very dark charcoal for primary body text, ensuring readability against lighter backgrounds.

Accessibility notes

  • Ensure #3A414A or #5A626E text on #BEC7D3 background meets WCAG AAA contrast for body text.
  • Avoid using #9CA7B5 text on #BEC7D3 background due to insufficient contrast for most users.
  • Use sufficient font weight and size when pairing mid-tones like #7B8491 for UI elements.
  • Provide a high-contrast mode option for users who may struggle with subtle grey variations.

Recommended combinations

Urban Core

Robust base for dark headers, strong text, and light content backgrounds in urban-themed designs.

#3A414A · #5A626E · #BEC7D3

Subtle Depth

Creates a gentle gradient or layered effect for minimalist UI elements, forms, or data visualizations.

#5A626E · #7B8491 · #9CA7B5

Light Accent

A bright background with a softer accent and a strong, dark element for emphasis or text.

#BEC7D3 · #9CA7B5 · #3A414A

CSS variables

:root {
  --bare-concrete-stillness-1: #3A414A;
  --bare-concrete-stillness-2: #5A626E;
  --bare-concrete-stillness-3: #7B8491;
  --bare-concrete-stillness-4: #9CA7B5;
  --bare-concrete-stillness-5: #BEC7D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bare-concrete-stillness": {
        1: "#3A414A",
        2: "#5A626E",
        3: "#7B8491",
        4: "#9CA7B5",
        5: "#BEC7D3",
      }
    }
  }
}

Related searches

minimalist grey paletteconcrete color schemeindustrial design colorsneutral urban palettecool grey hex codes

Palette colors

Hex values

Color 1#3A414A
·
Color 2#5A626E
·
Color 3#7B8491
·
Color 4#9CA7B5
·
Color 5#BEC7D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
4.2:1AA18
6:1AA
2
1.7:1Fail
1.6:1Fail
2.5:1Fail
3.6:1AA18
3
2.7:1Fail
1.6:1Fail
1.6:1Fail
2.2:1Fail
4
4.2:1AA18
2.5:1Fail
1.6:1Fail
1.4:1Fail
5
6:1AA
3.6:1AA18
2.2:1Fail
1.4:1Fail

Similar palettes

More like Bare Concrete Stillness

View all neutral
Urban Foundry Grey
Architectural Concrete Edge
Brutalist Bloom Grey
City Concrete Grind
City Loft Grey
Concrete Canyon Dusk