Back to palettes

Palette

Concrete Zenith Edge

A sleek, monochromatic palette capturing the strength and simplicity of urban concrete structures and minimalist design.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Concrete Zenith Edge 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 Zenith Edge.

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

Data visualization

#2D3A3A#485959#6D7E7E#A1AEAE#D4DADA

Palette guide

How to use Concrete Zenith Edge

Overview

The "Concrete Zenith Edge" palette is a sleek, monochromatic collection capturing the strength and simplicity of urban concrete structures and minimalist design. It transitions from a deep, grounding #2D3A3A to a very light #D4DADA, with versatile mid-tones like #485959, #6D7E7E, and #A1AEAE. This collection is perfect for designers seeking a sophisticated, robust, and clean aesthetic. It excels in creating designs that convey modernity, precision, and an uncluttered visual identity, making it ideal for high-tech, architectural, or urban-themed projects where clarity and understated elegance are paramount.

Best used for

  • Modern architectural firm websites
  • Minimalist UI/UX for tech products
  • High-end corporate branding
  • Urban planning visualizations
  • Industrial design portfolios
  • Contemporary art gallery interfaces

Suggested color roles

primary

#485959 - A solid, dark grey-green that provides a robust foundation for primary content and branding elements, conveying urban strength.

secondary

#6D7E7E - A versatile medium grey-green, excellent for supporting information, subtle backgrounds, or secondary UI elements, offering a clean presence.

accent

#2D3A3A - A very deep, almost black, green-charcoal that provides a powerful, grounding accent for calls to action, important headings, or bold graphic elements.

background

#D4DADA - The lightest shade, offering a crisp, expansive, and highly readable background for all content.

text

#2D3A3A - This deepest charcoal-green ensures excellent contrast for all body text against lighter backgrounds like #D4DADA or #A1AEAE, promoting optimal readability.

Accessibility notes

  • Ensure #2D3A3A text on #D4DADA or #A1AEAE backgrounds meets WCAG AA contrast standards.
  • Avoid using #D4DADA for small text on #A1AEAE as contrast will be insufficient.
  • Lighter grey-greens like #A1AEAE should be used carefully for text on mid-tones like #6D7E7E to maintain readability.
  • Always check contrast ratios for interactive elements, especially if using a lighter color for a button on a similar background.

Recommended combinations

Zenith Foundation

Creates a strong, high-contrast visual hierarchy, ideal for headers, footers, or impactful sections.

#2D3A3A · #485959 · #D4DADA

Sleek Structure

Provides a harmonious, cool feel for content blocks, navigation, or subtle background variations.

#6D7E7E · #A1AEAE · #485959

Edge Clarity

Emphasizes a clean, airy aesthetic with dark text, suitable for body content and minimalist layouts.

#D4DADA · #A1AEAE · #2D3A3A

CSS variables

:root {
  --concrete-zenith-edge-1: #2D3A3A;
  --concrete-zenith-edge-2: #485959;
  --concrete-zenith-edge-3: #6D7E7E;
  --concrete-zenith-edge-4: #A1AEAE;
  --concrete-zenith-edge-5: #D4DADA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "concrete-zenith-edge": {
        1: "#2D3A3A",
        2: "#485959",
        3: "#6D7E7E",
        4: "#A1AEAE",
        5: "#D4DADA",
      }
    }
  }
}

Related searches

monochromatic grey green paletteminimalist urban colorsmodern concrete schemesleek architectural brandingsophisticated industrial design

Palette colors

Hex values

Color 1#2D3A3A
·
Color 2#485959
·
Color 3#6D7E7E
·
Color 4#A1AEAE
·
Color 5#D4DADA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
5.2:1AA
8.3:1AAA
2
1.6:1Fail
1.7:1Fail
3.2:1AA18
5.2:1AA
3
2.8:1Fail
1.7:1Fail
1.9:1Fail
3:1AA18
4
5.2:1AA
3.2:1AA18
1.9:1Fail
1.6:1Fail
5
8.3:1AAA
5.2:1AA
3:1AA18
1.6:1Fail

Similar palettes

More like Concrete Zenith Edge

View all monochrome
Minimalist Urban Echo
City Grid Graphite
City Loft Grey
Industrial Concrete Chic
Industrial Grunge Wall
Modernist Concrete Art