Back to palettes

Palette

Concrete Jungle Calm

Muted greens and grays reflecting a serene side of urban landscapes, softened by pockets of nature.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A4E4D#6B7770#95A39E#C8CCC6#333633

Palette guide

How to use Concrete Jungle Calm

Overview

The "Concrete Jungle Calm" palette offers muted greens and grays, reflecting a serene side of urban landscapes softened by pockets of nature. Anchored by a deep, earthy #333633 and versatile grays like #4A4E4D and #6B7770, it introduces lighter, calming tones such as #95A39E and #C8CCC6. This collection is perfect for designers seeking a minimalist yet organic aesthetic, bridging urban sophistication with natural tranquility. It excels in creating designs that convey calm, understated elegance, and a subtle connection to the environment, ideal for eco-conscious or wellness-focused branding.

Best used for

  • Eco-friendly interior design blogs
  • Sustainable living product branding
  • Wellness and mindfulness apps
  • Urban garden design portfolios
  • Minimalist nature photography websites
  • Architectural firms focusing on green spaces

Suggested color roles

primary

#4A4E4D - A deep, earthy grey-green that provides a strong, sophisticated foundation for primary content and branding elements.

secondary

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

accent

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

background

#C8CCC6 - The lightest, airy grey-green, creating an expansive, serene backdrop that enhances readability and a sense of calm.

text

#333633 - This deepest charcoal-green ensures excellent contrast for all body text against lighter backgrounds like #C8CCC6 or #95A39E, promoting optimal readability.

Accessibility notes

  • Ensure #333633 text on #C8CCC6 or #95A39E backgrounds meets WCAG AA contrast standards.
  • Avoid using #C8CCC6 for small text on #95A39E as contrast will be insufficient.
  • Lighter grey-greens like #95A39E should be used carefully for text on mid-tones like #6B7770 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

Earthy Foundation

Creates a solid, grounded base with clear hierarchy, suitable for website footers or sophisticated layouts.

#333633 · #4A4E4D · #C8CCC6

Calm Transition

Ideal for clean, readable content blocks where a softer visual distinction and natural flow are desired.

#6B7770 · #95A39E · #C8CCC6

Deep Serenity

Highlights specific elements against deeper tones, maintaining the calm, modern aesthetic with an organic feel.

#333633 · #95A39E · #6B7770

CSS variables

:root {
  --concrete-jungle-calm-1: #4A4E4D;
  --concrete-jungle-calm-2: #6B7770;
  --concrete-jungle-calm-3: #95A39E;
  --concrete-jungle-calm-4: #C8CCC6;
  --concrete-jungle-calm-5: #333633;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "concrete-jungle-calm": {
        1: "#4A4E4D",
        2: "#6B7770",
        3: "#95A39E",
        4: "#C8CCC6",
        5: "#333633",
      }
    }
  }
}

Related searches

calm green grey paletteurban natural designminimalist eco colorsserene sophisticated paletteearthy neutral branding

Palette colors

Hex values

Color 1#4A4E4D
·
Color 2#6B7770
·
Color 3#95A39E
·
Color 4#C8CCC6
·
Color 5#333633
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.2:1AA18
5.2:1AA
1.4:1Fail
2
1.8:1Fail
1.8:1Fail
2.9:1Fail
2.6:1Fail
3
3.2:1AA18
1.8:1Fail
1.6:1Fail
4.7:1AA
4
5.2:1AA
2.9:1Fail
1.6:1Fail
7.5:1AAA
5
1.4:1Fail
2.6:1Fail
4.7:1AA
7.5:1AAA

Similar palettes

More like Concrete Jungle Calm

View all neutral
Clean Edge
Cloudy Cobblestone Lane
Architectural Concrete Edge
Bare Concrete Stillness
Brutalist Bloom Grey
Calm Interior Lines