Back to palettes

Palette

Concrete Jungle Bloom

Muted greys of city concrete juxtaposed with vibrant greens, symbolizing nature's resilience in an urban environment.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A9A9A9#778899#8FBC8F#6B8E23#3CB371

Palette guide

How to use Concrete Jungle Bloom

Overview

The "Concrete Jungle Bloom" palette beautifully juxtaposes muted grays with vibrant greens, symbolizing nature's tenacious resilience within an urban environment. Featuring foundational grays like #A9A9A9 and #778899, it introduces compelling greens such as #8FBC8F, #6B8E23, and #3CB371. This collection is perfect for designers aiming to convey a natural, organic feel within a modern, structured context. It offers a unique balance between industrial neutrality and lively growth, ideal for projects that celebrate sustainability, urban renewal, or eco-conscious branding with an energetic touch.

Best used for

  • Sustainable urban development branding
  • Eco-friendly product packaging
  • Garden and landscape design websites
  • Outdoor apparel e-commerce
  • Environmental non-profit organizations
  • Natural food and beverage marketing

Suggested color roles

primary

#778899 - A solid, cool grey that provides a stable backdrop, allowing the greens to truly pop as focal points.

secondary

#A9A9A9 - A versatile medium grey, suitable for supporting information, subtle backgrounds, or UI elements, offering a clean look.

accent

#6B8E23 - A rich, earthy green that injects vitality and natural energy, perfect for calls to action, interactive elements, or key highlights.

background

#8FBC8F - A soft, muted green that creates a calm, naturalistic backdrop, enhancing readability with an organic feel.

text

#3CB371 - A deep, vibrant green that offers excellent contrast for body text on lighter backgrounds like #A9A9A9 or #8FBC8F, ensuring readability and a natural touch.

Accessibility notes

  • Ensure #3CB371 text on #A9A9A9 or #8FBC8F backgrounds meets WCAG AA contrast standards.
  • Avoid using #8FBC8F for small text on #A9A9A9 as contrast may be insufficient.
  • The vibrant greens, especially #6B8E23 and #3CB371, should have good contrast when used for interactive elements on grey backgrounds.
  • Consider using a very dark grey or black for critical small print if palette greens don't provide enough contrast on lighter grays.

Recommended combinations

Urban Greenery

Creates a grounded yet vibrant aesthetic, ideal for headers or key informational blocks.

#778899 · #6B8E23 · #A9A9A9

Natural Flow

Provides a harmonious, organic feel for content areas, backgrounds, or nature-inspired illustrations.

#8FBC8F · #A9A9A9 · #3CB371

Bloom Accent

Uses the deep green as a powerful accent against neutral grays, perfect for calls to action or feature highlights.

#6B8E23 · #778899 · #A9A9A9

CSS variables

:root {
  --concrete-jungle-bloom-3-1: #A9A9A9;
  --concrete-jungle-bloom-3-2: #778899;
  --concrete-jungle-bloom-3-3: #8FBC8F;
  --concrete-jungle-bloom-3-4: #6B8E23;
  --concrete-jungle-bloom-3-5: #3CB371;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "concrete-jungle-bloom-3": {
        1: "#A9A9A9",
        2: "#778899",
        3: "#8FBC8F",
        4: "#6B8E23",
        5: "#3CB371",
      }
    }
  }
}

Related searches

concrete green paletteurban natural colorsmodern eco designgrey green color schemenature resilience branding

Palette colors

Hex values

Color 1#A9A9A9
·
Color 2#778899
·
Color 3#8FBC8F
·
Color 4#6B8E23
·
Color 5#3CB371
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.1:1Fail
1.6:1Fail
1.1:1Fail
2
1.5:1Fail
1.7:1Fail
1:1Fail
1.4:1Fail
3
1.1:1Fail
1.7:1Fail
1.8:1Fail
1.2:1Fail
4
1.6:1Fail
1:1Fail
1.8:1Fail
1.4:1Fail
5
1.1:1Fail
1.4:1Fail
1.2:1Fail
1.4:1Fail

Similar palettes

More like Concrete Jungle Bloom

View all neutral
Botanical Sketch Hues
Old Growth
Artisan Pottery Glaze
Boho Earth Weave
Boho Macrame Weave
Coastal Cliff Path