Back to palettes

Palette

Concrete Jungle

Reflects the cool, unyielding textures of city infrastructure, blending grays with deep, steel blues.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A9A9A9#778899#6A5ACD#4682B4#2F4F4F

Palette guide

How to use Concrete Jungle

Overview

The "Concrete Jungle" palette reflects the cool, unyielding textures of city infrastructure, blending grays with deep, steel blues. Featuring robust grays like #A9A9A9 and #778899, it introduces compelling blues such as #6A5ACD, #4682B4, and a very dark #2F4F4F. This collection is perfect for designers aiming to convey industrial strength, modern sophistication, and a cool, decisive aesthetic. It offers a unique balance between urban neutrals and commanding blue accents, ideal for projects that demand a strong, contemporary visual identity with a hint of cool technology or steadfast reliability.

Best used for

  • Modern tech company branding
  • Urban infrastructure development websites
  • Industrial design portfolios
  • Corporate software interfaces
  • Automotive brand marketing
  • Cybersecurity firm visuals

Suggested color roles

primary

#778899 - A sturdy, cool grey that provides a sophisticated and reliable foundation for main content and brand identity.

secondary

#A9A9A9 - A versatile, lighter grey, excellent for supporting text, subtle backgrounds, or secondary UI elements, offering a clean look.

accent

#6A5ACD - A striking, deep purple-blue that brings a sophisticated and commanding accent, perfect for calls to action, interactive elements, or key highlights.

background

#4682B4 - A muted steel blue that creates a calm, yet strong backdrop, enhancing readability with a cool, modern feel.

text

#2F4F4F - A very dark greenish-grey that offers excellent contrast for body text on lighter backgrounds like #A9A9A9 or #4682B4, ensuring readability.

Accessibility notes

  • Ensure #2F4F4F text on #A9A9A9 or #4682B4 backgrounds meets WCAG AA contrast standards.
  • The #6A5ACD accent color should have sufficient contrast when used for text or interactive elements on backgrounds like #778899 or #A9A9A9.
  • Avoid using #A9A9A9 for small text on #778899 as contrast may be low.
  • When using #4682B4 for text, ensure it's on a very light background to maintain readability.

Recommended combinations

Steel & Stone

Creates a deep, grounded effect with clear hierarchy, suitable for website footers or sophisticated layouts.

#2F4F4F · #778899 · #A9A9A9

Tech Accent

Highlights specific elements with a powerful blue against lighter neutrals, perfect for calls to action or key features.

#6A5ACD · #4682B4 · #A9A9A9

Urban Cool

Delivers a cool, modern feel for content blocks or serene backgrounds, maintaining readability and depth.

#4682B4 · #778899 · #2F4F4F

CSS variables

:root {
  --concrete-jungle-1: #A9A9A9;
  --concrete-jungle-2: #778899;
  --concrete-jungle-3: #6A5ACD;
  --concrete-jungle-4: #4682B4;
  --concrete-jungle-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "concrete-jungle": {
        1: "#A9A9A9",
        2: "#778899",
        3: "#6A5ACD",
        4: "#4682B4",
        5: "#2F4F4F",
      }
    }
  }
}

Related searches

urban industrial palettecool concrete blue colorsmodern tech grey schemesteel blue designminimalist city palette

Palette colors

Hex values

Color 1#A9A9A9
·
Color 2#778899
·
Color 3#6A5ACD
·
Color 4#4682B4
·
Color 5#2F4F4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
1.7:1Fail
3.8:1AA18
2
1.5:1Fail
1.5:1Fail
1.1:1Fail
2.5:1Fail
3
2.3:1Fail
1.5:1Fail
1.3:1Fail
1.7:1Fail
4
1.7:1Fail
1.1:1Fail
1.3:1Fail
2.2:1Fail
5
3.8:1AA18
2.5:1Fail
1.7:1Fail
2.2:1Fail

Similar palettes

More like Concrete Jungle

View all neutral
Brutalist Bloom Grey
Concrete Grid Lines
Concrete Loft Living
Industrial Loft Concrete
Modern Slate Canvas
Urban Canvas Grey