Back to palettes

Palette

Concrete Garden Wall

Stark and minimalist, mirroring the raw, unadorned beauty of concrete with a subtle touch of green.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Concrete Garden 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 Concrete Garden Wall.

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

Data visualization

#A9A9A9#708090#2F4F4F#D3D3D3#C0C0C0

Palette guide

How to use Concrete Garden Wall

Overview

The "Concrete Garden Wall" palette offers a stark, minimalist range of grays with a unique, subtle touch of deep greenish-grey, reflecting raw concrete and natural elements. Colors like the dark #2F4F4F and the foundational #708090 provide a strong anchor, while #A9A9A9, #C0C0C0, and #D3D3D3 introduce lighter, unadorned tones. This palette is perfect for designers aiming to convey unadorned beauty, urban strength, and a connection to nature's resilience. It excels in creating modern, industrial, or eco-conscious designs that require a sophisticated, earthy neutrality.

Best used for

  • Branding for sustainable architecture firms
  • Minimalist e-commerce sites for handcrafted goods
  • Urban garden design portfolios
  • Interior design visualization with natural materials
  • Eco-friendly product packaging
  • Photography websites featuring landscapes or cityscapes

Suggested color roles

primary

#708090 - A strong, cool grey that serves as an excellent base for main content sections and primary visual elements, providing stability.

secondary

#A9A9A9 - A versatile medium grey, suitable for secondary information, backgrounds, or subtle divisions, offering a softer presence.

accent

#2F4F4F - A deep, dark greenish-grey that provides a powerful, grounding accent, ideal for calls to action or important highlights with an earthy touch.

background

#D3D3D3 - The lightest grey, perfect for clean, airy backgrounds that allow content to stand out without feeling stark.

text

#2F4F4F - This very dark greenish-grey offers excellent contrast for body text on light backgrounds like #D3D3D3 or #C0C0C0, enhancing readability.

Accessibility notes

  • Ensure #2F4F4F text on #D3D3D3 or #C0C0C0 meets WCAG AA contrast requirements.
  • Lighter grays like #A9A9A9 or #C0C0C0 should not be used for small, critical text on similar light backgrounds.
  • Use high contrast for interactive states, e.g., a button in #708090 with text in #2F4F4F.
  • Provide clear visual cues beyond color for important information, especially when using closely related grey tones.

Recommended combinations

Earthy Foundation

Creates a solid, natural base with good contrast, ideal for landing pages or section headers.

#2F4F4F · #708090 · #D3D3D3

Soft Urbanity

Provides a gentle, modern feel for secondary content, backgrounds, or subtle UI elements.

#A9A9A9 · #C0C0C0 · #708090

Deep Accent

Uses the darkest shade as a strong accent against lighter grays, perfect for buttons or key information.

#2F4F4F · #D3D3D3 · #A9A9A9

CSS variables

:root {
  --concrete-garden-wall-1: #A9A9A9;
  --concrete-garden-wall-2: #708090;
  --concrete-garden-wall-3: #2F4F4F;
  --concrete-garden-wall-4: #D3D3D3;
  --concrete-garden-wall-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "concrete-garden-wall": {
        1: "#A9A9A9",
        2: "#708090",
        3: "#2F4F4F",
        4: "#D3D3D3",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

minimalist grey green paletteraw concrete colorsurban nature designearthy grey color schememodern industrial palette

Palette colors

Hex values

Color 1#A9A9A9
·
Color 2#708090
·
Color 3#2F4F4F
·
Color 4#D3D3D3
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.8:1AA18
1.6:1Fail
1.3:1Fail
2
1.7:1Fail
2.2:1Fail
2.7:1Fail
2.2:1Fail
3
3.8:1AA18
2.2:1Fail
6:1AA
4.9:1AA
4
1.6:1Fail
2.7:1Fail
6:1AA
1.2:1Fail
5
1.3:1Fail
2.2:1Fail
4.9:1AA
1.2:1Fail

Similar palettes

More like Concrete Garden Wall

View all neutral
Architectural Slate Gray
City Concrete Grind
Concrete Garden Grey
Graffiti Alley Hue
Graffiti Wall Grind
Gritty Urban Canvas